Improve Website Performance with WPO, SPO and Design Optimization
1. Why My Website is slow.. Website Performance Optimization (WPO) Server Performance Optimization (SPO) Nitin Singh • PHP specialist • Performance Consultant • Owner of deptheye.com • Open source Lover since Day One • Ecommerce trainer/consultant yanitin@gmail.com +919873731595
2. How to check Loading time It is really Important that from where are you checking website response timeRecommendation. Google Webmaster. Watchmouse.com Both these tool check your website from different locations & give you loading time from each country which base upon server & country location distance
3. Alert Loading time If your website loading time is more than 6 seconds then follow these steps: Server Optimization Website Code Optimization Website Design Optimization
4. Server Optimization Apache Tuning Add Expires headers Compress components with gzip Configure entity tags (ETags) Use cookie-free domains Use CDN to improve global performance For a specific country project use local server
5. Verify server optimization Perform a load test and according to load time benchmark repeat apache tuning Use Yslow to check other server configuration Also check server bandwidth & other network related issue
6. Website Code Optimization Query Optimization using indexing & explain query If possible use admin report query to secondary server Code Optimization by checking loop & other objects Change table engine if required Parallelize downloads using sub domains
7. Verify website Code Optimization Set Mysql slow log benchmark to one second & no query should be there Total Script load time should not be more than one second
8. Website Design Optimization Avoid empty src or href Optimize images by using Smushit Put CSS at top Put JavaScript at bottom Avoid CSS expressions Make JavaScript and CSS external Minify JavaScript and CSS Remove duplicate JavaScript and CSS Reduce the number of DOM elements Avoid AlphaImageLoader filter Do not scale images in HTML Combine images into CSS sprites Specify image dimensions Use efficient CSS selectors Avoid CSS @import Optimize the order of styles and scripts
9. Verify Design Optimization Site should score more than 80 in Yslow Site Should score more than 85 in Page speed