Website Page Load Speeds boost

speed1

 

Things to consider

1) Eliminate render-blocking JavaScript and CSS in above-the-fold content 2) Optimize images 3) Leverage browser caching 4) Reduce server response time 5) Minify CSS 6) Minify HTML 7) Minify JavaScript

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

This means that your HTML references a blocking external JavaScript file in the above-the-fold portion of your page.
JavaScript needed to render the above-the-fold region should be inlined, and JavaScript needed to add additional functionality to the page should be deferred until after the above-the-fold content has been delivered.
Generally, the bulk of the JavaScript code handles user-initiated events occur after the page is loaded. In order to defer loading of these JavaScripts insert a JavaScript event listener in the head of the containing document that forces the external file to be loaded after the onload event.
I recommend adding a very simple scripted DOM element. Here’s an example code that Google recommends.

<script type="text/javascript">

// Add a script element as a child of the body
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "deferredfunctions.js";
document.body.appendChild(element);
}

// Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;

</script>

 

If you are using a JavaScript library (like jQuery) it can be safely added after the above-the-fold content is rendered.

 

Optimize images

Keep your image sizes to a minimum to reduce the amount of time a person waits for it to load. Formatting and compressing images can save many bytes of data. You can use Compress Now, an online image compressor.

 

Leverage browser caching

Use .htaccess to cache files.

 

Reduce server response time

Load your CSS first and your JavaScript last.

Use CSS Sprites to reduce load time and reduce the number of HTTP-Requests.
Lets say we have five images on a page; we can put all five of these images in a sprite and and only have one HTTP-Request instead of five HTTP-Requests.

Leave a comment