Tell me how to optimize the page using front end code or technology?
Submitted by: MuhammadBelow 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
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
Read Online Front End Programmer Job Interview Questions And Answers
Top Front End Programmer Questions
☺ | What is variable scope? |
☺ | Tell me why do we recommend external CSS or Javascript versus inline? |
☺ | Explain what is the lazy loading? |
☺ | What is the difference between JSON and JSONP? |
☺ | HTML / HTML5 Based Front End Developer Interview Questions: |
Top Graphical User Interface (GUI) Categories
☺ | User Interface Expert Interview Questions. |
☺ | Front End Programmer Interview Questions. |
☺ | Lead Web Designer Interview Questions. |
☺ | Senior Graphics Designer Interview Questions. |
☺ | Web Designer Freelance Interview Questions. |