N ideas to increase performance of website – Part 1

Website speed matters. Fast-loading sites perform better on all fronts: better user experience, higher conversions, more engagement, even higher search rankings. If you’re targeting mobile traffic, site speed becomes even more important. No one wants to download a 4MB website on their smartphone, but most sites are that way. Your website can be different.

How fast is fast enough??

While 1-second load time would be nice, if you manage to get a load time under 3 seconds, you’re doing fine. If it’s under 7 seconds, it’s okay too (but you have to try to improve it). Over 10 seconds and you’re losing money in noticeable quantities.

Is website performance impacts business success??

• Performance Impacts Sales
• Performance Impacts Conversion
• Performance Impacts User Engagement
• Performance Impacts Revenue
• Performance Impacts Usability

Common Mistakes that Kill Website Performance

• Ordinary Web Hosting Service
• Giving Way to Bandwidth Thieves
• Too Many Widgets or Plugins
• Too Many Ads and Affiliate Code
• Bloated Design Theme and Incompatible Multimedia
• And a Bit More of that Code – Sign Up Forms and Analytics
• Mobile Mistakes and Misguided Redirects

Website Speed Testing

What to Test?

• Initial Page Speed
• Full Page Load Time
• Load Tolerance
• Geographic Performance
• Web Server CPU Load
• Website Database Performance

How to Test

• Pingdom
• Full Page Test site
• GTMetrix
• Google
• Yahoo
• WebPagetest

How to Improve Website Speed?

Online business owners and webmasters adapt their websites to maintain optimal results under the consistent impression of change by improvising, and optimizing key elements of website design that make or break page speed.

To improve we break our tasks in two things

1. On Page
   • Image Optimization
     1. Proper Format Selection
     2. Proper Sizing and provide dimension on page
     3. Compression
     4. Fewer Images
   • Optimize CSS Code and Delivery
     1. Shorthand Coding
     2. Remove Browser Specific CSS Hacks
     3. Minify CSS
     4. Code Positioning
     5. Prioritize above-the-fold content
     6. CSS Delivery Best Practices
        1. Use only one external CSS style sheet.
        2. Do not use @import call.
        3. Remove unused CSS.
        4. Do not use CSS in HTML such as H1 and DIV tags.
        5. Use Inline small CSS or remove most inline css.
        6. Minify all CSS
        7. Minification – CSS, HTML
     7. Optimize JS Code and Delivery
        1. Minify JS
        2. Code Positioning(Load JS in footer before </body>)
        3. Prioritize above-the-fold JS
        4. JS Delivery Best Practices
           1. Use only external Javascript and try to combine all together.
           2. Load from the external domains for popular libraries.
           3. Remove unused JS.
           4. Minify all JS
           5. Remove conflicts
           6. Use of “defer” and “async” wherever possible
           7. Remove all JS error
   • Minimize HTTP Requests
     1. Use Of Sprite
     2. Combine CSS & JS
     3. Removal of redirects
     4. Removal of other Domains
   • Enable compression
   • Enable leverage browser caching
2. Off Page
   • Use of CDN server
     1. Maxcdn
     2. Cloudflare
     3. Microsoft Azure CDN
     4. Amazon Cloudfront
     5. BootstrapCDN
     6. CDNetworks
   • Use of Cache
     • Use of caching in PHP Opcache
     • DB caching
   • Use of proper hosting server

To know in detail please go through the part – 2 which consist detailed information on each point.