Front End Programmer Interview Question:

Tell me how to optimize the page using front end code or technology?

Submitted by: Muhammad

Below is the list of best practices for front-end technology, which helps to optimize page.

1. Improve server response by reducing resource usage per page
► Combine all external CSS files into one file
► Combine all external JS files into one file

2. Use responsive design instead of making device based redirects

3. Use asynchronous Javascript and remove block level Javascript

4. Use Minify version of stylesheet and javascript.

5. Optimize Image and use correct format of Image. Use the lazy loading design pattern for large size of images.

6. Use browser side cache with Cache control

7. Avoid plugins to drive functionality

8. Configure view port and use CSS best practices

9. Prioritize visible content

10. Load style-sheets in header and script in footer.
Submitted by: Muhammad