Checklist: How to load pages faster
We are constantly working to ensure that IaaS is simple and straightforward, even for those who have not experienced IT. To do this, we optimize all systems and talk about our experiences in our blog on Habré.
A couple of examples:
Today we will talk about how to speed up the loading of pages, and take a look at the tips of Ruby expert Nate Berkopec.
')
/ photo Epicantus
We analyzed the expert's opinion and developed a thematic checklist, which will help to draw attention to the main points, allowing to reduce the page load time.
0. Try to use the data center, which will be more optimally located.
1. Use application level caching and HTTP.
2. Pay attention to the quality of your SQL queries.
3. Minimize the JS and CSS elements (any analytical or marketing tools will slow down the page loading speed).
4. Do not overload the page with Javascript elements like $ (document) .ready ().
5. Use analytic tools with pomillisecond breakdown ( Chrome Timeline ).
6. Disable all browser extensions when profiling.
7. Consider the path to the end user - it can be traced using traceroute.
8. Use ping to find out the delay on specific nodes.
9. A huge amount of time can go exactly on parsing pages (for example, up to 200ms for The Verge).
10. The download of scripts by Javascript tags can take up to several seconds (must be used with the async attribute). External CSS should be placed before the JS-code.
11. CSS conversion and construction are in the Recalculate Styles event (for Chrome Timeline). Here it is necessary to optimize unnecessary dependencies and rules.
12. The next event - Layout - conversion to an image on the screen. At this stage, we are working with the geometry of objects and often recalculate the entire page.
13. Next you should pay attention to the DomContentLoaded and Paint event. By this time, the rendering has already been done and the immediate drawing on the screen begins.
PS A little about the work of our IaaS provider:
A couple of examples:
- “Convenient hosting”: Pre-installation of the control panel and additional order of licenses on the fly
- How our IaaS provider API works
- How we developed our DNS manager
Today we will talk about how to speed up the loading of pages, and take a look at the tips of Ruby expert Nate Berkopec.
')
/ photo Epicantus
We analyzed the expert's opinion and developed a thematic checklist, which will help to draw attention to the main points, allowing to reduce the page load time.
0. Try to use the data center, which will be more optimally located.
1. Use application level caching and HTTP.
2. Pay attention to the quality of your SQL queries.
3. Minimize the JS and CSS elements (any analytical or marketing tools will slow down the page loading speed).
4. Do not overload the page with Javascript elements like $ (document) .ready ().
5. Use analytic tools with pomillisecond breakdown ( Chrome Timeline ).
6. Disable all browser extensions when profiling.
7. Consider the path to the end user - it can be traced using traceroute.
8. Use ping to find out the delay on specific nodes.
9. A huge amount of time can go exactly on parsing pages (for example, up to 200ms for The Verge).
10. The download of scripts by Javascript tags can take up to several seconds (must be used with the async attribute). External CSS should be placed before the JS-code.
11. CSS conversion and construction are in the Recalculate Styles event (for Chrome Timeline). Here it is necessary to optimize unnecessary dependencies and rules.
12. The next event - Layout - conversion to an image on the screen. At this stage, we are working with the geometry of objects and often recalculate the entire page.
13. Next you should pay attention to the DomContentLoaded and Paint event. By this time, the rendering has already been done and the immediate drawing on the screen begins.
PS A little about the work of our IaaS provider:
Source: https://habr.com/ru/post/268461/
All Articles