I have run the tools.pingdom.com and gtmetrix performance tests on my client’s website, and have made some improvements with server-side cache and gzip compression. I must now address additional performance issues, as follows.
Recommendations, from GTMetrix, in order of importance:
Specify image dimensions – this is about setting image dimensions in your .css files. However, there are many css files and I’m not sure which to look in. Please point me in the right direction.
Defer parsing of JavaScript – Is this something easily done?
Optimize the order of styles and scripts – Here is what GTMetrix told me:
The following inline script blocks were found in http://rosiepope.com/ between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
Inline script block #3
The following external CSS files were included after an external JavaScript file in http://rosiepope.com/. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
http://rosiepope.com/?custom-css=1&csblog=1&cscache=6&csrev=1
Make fewer HTTP requests
The home page (based on Legenda home page 11) has 28 external Javascript scripts. GTMetrix recommended to try combining them into one. This page has 25 external stylesheets. GTMetrix also recommeded combining them into one. Is this possible to do easily?
Lazy Loading – I’m using a lazy loader plug-in (bj lazy load) that wants to know where your theme loader function is (wp_header or wp_footer). What is the right answer?
Thank you for taking the time to read/respond. Perhaps addressing these issues will help others with site load performance issues.