Website optimizations techniques: Increase page load time and performance.

For increase website page load time and maximum throughput. I have listed following techniques to implement. Those will really help to get fast page load time of webpage. I have also mentioned some reference links for implement those techniques.

Minify CSS

Minify CSS – Always minify CSS code, it remove comments and white space. This reduces size of file at the end. You can use following sites to minify css. Don’t write duplicate css class, use less css for writing organized css.

  • http://refresh-sf.com/yui/
  • http://cssminifier.com/
  • http://www.minifycss.com/
  • http://lesscss.org/

Minify JS – This will also help to reduce page load time.

  1. Remove unused JavaScript functions/code.
  2. Put JavaScript file at the end of page, may be in footer area.
  3. Minify JavaScript files.
  4. You can use small JavaScript apis/libs for reduce code. e.g. AnguarJs, Latest JQuery etc.
  • http://refresh-sf.com/yui/
  • http://www.jsmini.com/
  • http://jscompress.com/
  • http://angularjs.org/
  • http://jquery.com/

Third party calls

Load external, third party http calls asynchronously. e.g. social api’s i.e. facebook, twitter, ads etc.

Use ETags

Its For client side cache. You can easily set etags on pages using .htaccess. Put following code into .htaccess.Watch Full Movie Online Streaming Online and Download

FileETag MTime Size
<ifmodule mod_expires.c>
  <filesmatch “\.(jpg|gif|png|css|js)$”>
       ExpiresActive on
       ExpiresDefault “access plus 1 year”
   </filesmatch>
</ifmodule>

Set expiry headers

We can easily do that by putting following code in .htaccess

<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$”>
Header set Expires “Thu, 15 Apr 2030 20:00:00 GMT”
</FilesMatch>

Lazy load images

If web page having more images, that can cause page load time. For this we can use lazy loading techniques. That is only display images those are on above the fold position of website and loads other images when user scrolls down. This can easily doable via following libraries.

  • https://plugins.jquery.com/lazyload/
  • http://www.appelsiini.net/projects/lazyload

Use static html pages watch full movie The Lego Batman Movie 2017 online

If you website has content which is not frequently changes then you can use static html pages to server. It will reduce server side bandwidth and page loads quickly. One quick option you can do it like – Cache PHP response in static file only in 10 line of code

Reduce DOM element count which eventually reduces Dom processing time.

Implement Sub domains

Web Browser has capability to send 6-8 concurrent http request, till the time other request keeps on hold till those complete. So it will halt page during that period. For that you can use subdomain request to act as different http requests.

e.g. We can configure apache to server different type of request using different sub domains.

  • www.asktoapps.com
  • images.asktoapps.com
  • js.asktoapps.com
  • css.asktoapps.com
  • ajax.asktopapps.com

HTML should be W3C standards

  • http://www.w3.org/standards/

Reduce DNS lookup and HTTP request.

Use sprite image for static images in web page.

  • Here is link where you can create sprite image from set of images – http://spritegen.website-performance.org/

Use CDN – For cache http request on edge level. We must use cdn.

 

Categories: PHP, Website Peformance, Wordpress