When it comes to the client side of things their are several considerations that need to be made to ensure that the application is rendering as fast as possible on their end. Their are tools that assist us with this one of which is an extension called Page Speed for Google Chrome.
The following is a screenshot of the results for this page on my IMAC as you can see it lists several areas in which we could improve the render speeds. some are marked as High and others as Low.
I am not going to cover all of these in one topic I will have topics for all of these or at least try to.
The ones I am refering to here are
- Avoid CSS Import
- Minify CSS
- Minify JS
- Optimize order of styles and scripts
- Minimize requests
Also keep in mind that this is just for this page they way the template is broken out we would need to run it on all the individual pages to get a full picture.
Thoughts and Suggestions