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
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
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.
