Compress website for fast Loading

For fast loading website you have to do some compression. 🙂

you can check page speed here:

https://tools.pingdom.com/
https://developers.google.com/speed/pagespeed/insights/

Compress .jpg to .png:

you can use photoshop for image compression: File – > Save for web and device.

Compress Js/Jquery:

Add ‘async’ in js for compression.

Compress CSS:

<link href="style.css" rel="stylesheet" type="text/css" />

1	<link href="style.css" rel="stylesheet" type="text/css" />

<script>
        var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = 'style.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
        };
        var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
        if (raf) raf(cb);
        else window.addEventListener('load', cb);
</script>

var cb = function() {

var l = document.createElement('link'); l.rel = 'stylesheet';

l.href = 'style.css';

var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);

};

var raf = requestAnimationFrame || mozRequestAnimationFrame ||

webkitRequestAnimationFrame || msRequestAnimationFrame;

if (raf) raf(cb);

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

</script>

Compress .jpg to .png:

Compress Js/Jquery:

Compress CSS:

Leave a Reply Cancel reply