pagespeed optimization
TRANSCRIPT
If you care about performance then…
Analyze your website: http://developers.google.com/speed/pagespeed/insights/
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
•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’
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
What does ‘Leverage Browser caching’ means?
This rule triggers when
PageSpeed Insightsdetects that the
response from your server doesn’t
include explicit caching
headers or if the resources
have a short freshness lifetime.
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
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.
gzip is a software application used for file compression and decompression.
Effective way to save bandwidth and speed up your site
OR / if that does not work# compress text, html, javascript, css, xml:AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/xhtml+xmlAddOutputFilterByType DEFLATE application/rss+xmlAddOutputFilterByType DEFLATE application/javascriptAddOutputFilterByType DEFLATE application/x-javascript