Google PageSpeed Insights tips and tricks get 99 by 100,PageSpeed Insi...

Google pagespeed Insights make important roll in google Webmaster. Google PageSpeed Insights user to improve you site performance. the following Like used to test your site https://developers.google.com/speed/pagespeed/insights/

Avoid landing page redirects

Do not use any redirect like 301 and 302 status or window.location. This may take time to serve page and also this is very bad imression to user. But google give more impression when you use 301 redirect.I dont know the reason why that happen.

You get 20/100.

Eliminate render-blocking JavaScript and CSS in above-the-fold content

What is mean by render-blocking?. Blocking code used to waiting time to display page. This very easy.

Put asysc='asysc' in your javascript tag


<script asysc='asysc' src="example.js"></script>

Ok you can get mostly 50 out of 100 on this step. but how can you remove CSS render-blocking? Use following method

<script>
var css_load=function()

{

var $1 = document; // shortcut

var cssId = 'myCss'; // you could encode the css path itself to generate id..

if (!$1.getElementById(cssId))

{

var head = $1.getElementsByTagName('head')[0];

var link = $1.createElement('link');

link.id = cssId;

link.rel = 'stylesheet';

link.type = 'text/css';

link.href = "< ? =$baseurl ? >css/bootstrap.min.css";

link.media = 'all';

head.appendChild(link);

var link = $1.createElement('link');

link.id = cssId;

link.rel = 'stylesheet';

link.type = 'text/css';

link.href = "< ? =$baseurl ? >css/font-awesome.min.css";

link.media = 'all';

head.appendChild(link);

}

var raf = requestAnimationFrame || mozRequestAnimationFrame ||

webkitRequestAnimationFrame || msRequestAnimationFrame;

if (raf) raf(css_load);

else window.addEventListener('load', css_load);

</script>

 

use above code in header to load CSS but you want use Javascript in footer only.

You get 60/100.

Enable compression

Enabling compression is very easy using htaccess file following code used to compress as gzip

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

Add above code to htaccess file to compress all typw of files

You get 70/100.

Minify CSS

Minify mean to reduce size of file by removing space and comments on run time this very easy using Google pagespeed module enable page speed in your server and put following code into your htaccess file

<IfModule pagespeed_module>
ModPagespeedDomain *
ModPagespeed on
ModPagespeedRewriteLevel PassThrough
ModPagespeedEnableFilters combine_css,extend_cache,rewrite_images
ModPagespeedEnableFilters rewrite_css,rewrite_javascript,remove_comments,collapse_whitespace
</IfModule>

You get 80/100.

Minify HTML

Minify CSS have all types of minify.so dont care about Minify HTML

Optimize images

How can you optimize image? By reducing size of image.

Best way you want increase catch time on your browser by following code

<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/javascript "access plus 432000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
</ifModule>

You get 80/100.

Prioritize visible content

Prioritize visible content mean dont put any image or ads in beginig of page use first 600px for content and heading display

You get 85/100.

Reduce server response time

How can you reduce server response time main by your code and increse catch.

Best way use any CSS template like Boostwrap,Jquery UI like that.

You get 90/100.

Where is 9%? . Google now give important for User experiance in mobile.If your site comfort to mobile you can get 99/100

like this site https://developers.google.com/speed/pagespeed/insights/?url=www.gleegrid.com&tab=desktop

Topics List - General

  1. How to find javascript errors?
  2. How to get the current date in java?
  3. Anna University UG PG result apr may 2015 release date
  4. How make my website in first page while Google search
  5. Connect LPG aadhar bank online using mylpg.in and rasf.uidai.gov.in, Steps to link aadhar with LPG
  6. How to create a free website?, You can't create a wesite totally free but you can create website with minimum amount
  7. How to increase speed of website
  8. PHP array Single Dimension, Multi Dimension array Declaring single and multi Dimension array, adding and deleting values in php array
  9. Basic Auth with PHP
  10. Google PageSpeed Insights tips and tricks get 99 by 100,PageSpeed Insights tips,User Experience
  11. IRCTC ticket date calculator - 120 days Advance reservation period in IRCTC
  12. IRCTC Confirm TATKAL Tickets Cancellation IRCTC Waiting List tatkal cancellation charge
  13. Best way to protect your computer from virus
  14. List of web site Help to convert File to Zip
  15. How do I get the size of a directory and Files using command line in Linux?
  16. குழந்தை வளர்ப்பில் பெற்றோர்களின் கவனத்திற்கு
  17. Health Tips necessarily have to follow !!
  18. சித்தர்கள் ஜீவ சமாதியான இடம், அவர்கள் வாழ்ந்த நாட்கள்.
  19. ஒவ்வொரு பெற்றோரும் கண்டிப்பாக படிக்க வேண்டிய பயனுள்ள விஷயங்கள்!
  20. 30 Health Tips
  21. பாய் விரித்து உறங்குவதால் கிடைக்கும் நன்மைகள் - தெரிந்துகொள்வோம்
  22. Red spots on mouth
  23. Resistor colour code
  24. Pride of our traditional rice
  25. Valaittantu properties
  26. Beetroot properties
  27. Herbal protect
  28. Small in-house treatments
  29. Where can I find my IFSC code