Category Archives: pagespeed

scale image responsive

if you got this message from gtmetrix or google pagespeed “your image is resized in HTML or CSS from 960×350 to 360×131. Serving a scaled image could save 33.0KiB (85% reduction).” use with bootstrap class img-responsive <img class="img-responsive" src="http://dummyimage.com/640.png/09f/fff" alt="" … Continue reading

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

Web page performance test

http://www.webpagetest.org/ or https://gtmetrix.com 1.First Byte Time (TTFB) 2.Keep-alive Enabled 3.Compress Transfer 4.Compress Images (Progressive JPEG) https://www.besthostnews.com/how-progressive-jpegs-can-speed-up-your-website/ Progressive image test online http://techslides.com/demos/progressive-test.html Online image optimizer http://optimizilla.com/ 5.Cache static content 6.Effect use of CDN http://cloudinary.com/

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

SpriteMe makes high performance website

SpriteMe makes spriting easy http://spriteme.org/ and saving page http://spriteme.org/results.php

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

understand critical css path

https://varvy.com/pagespeed/critical-render-path.html

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment