Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie PageSpeed Optimization
Ähnlich wie PageSpeed Optimization (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
PageSpeed Optimization
- 1. PageSpeed Optimization Make your web pages load faster PageSpeed Optimization on all devices
- 2. If you care about performance then… Analyze your website: http://developers.google.com/speed/pagespeed/insights/
- 3. Basic Rules to make your page load Faster • Optimizing Images • Using correct order of stylesheets, scripts, and inline JavaScript code • Leverage browser caching • Minify files • Enable Gzip
- 5. • Use text with CSS3 instead of images, if possible • Use web format of images like gif or png • Use photo editor to use EXACT image size required • Use the height and width attributes under the img tag (specify image dimensions) • DON'T scale images in HTML • Avoiding EMPTY image ‘src’
- 6. Using correct order • CSS files at the top under the head tag • JavaScript scripts at the bottom of the body tag • Use the table less design whenever possible
- 7. Leverage Browser Caching What does ‘Leverage’ means?
- 9. What does ‘Leverage Browser caching’ means? This rule triggers when PageSpeed Insights detects that the response from your server doesn’t include explicit caching headers or if the resources have a short freshness lifetime.
- 10. It simply means Setting an expiry date Reduce the load times of pages by storing commonly used files from your website on your visitors browser. It is suppose to be done in .htaccess file
- 11. How to do it?
- 12. Important When you are done save the file as it is i.e. .htaccess and not as a .txt file
- 13. Minify files • • • • Minify CSS Minify HTML Minify Javascript Avoid bad requests: Removing "broken links", or requests that result in 404/410 errors, avoids wasteful requests.
- 14. • And the last point is… Enable Gzip
- 16. gzip is a software application used for file compression and decompression. Effective way to save bandwidth and speed up your site
- 18. OR / if that does not work # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
- 19. To get instant changes use http://www.gtmetrix.com/