How to Cut Down on Website Loading Time?

1,106 views

Published on

This document has been prepared by Kristinakathy. She is working at http://www.zealousweb.net

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,106
On SlideShare
0
From Embeds
0
Number of Embeds
98
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How to Cut Down on Website Loading Time?

  1. 1. How to Cut Down on Website Loading Time?Want to reduce the loading time of your website? Youve reached the right page. Thispost will show you how you can obtain a website that load faster than you could everhave imagined.Before we peep in the ways to increase the loading speed of your website, it isessential to understand first the significance of owing a fast website. Lets get ourknees down on several important statistics: Largest share of the smart phone usersleave a website if it doesnt get loaded in 3 seconds; more than 75% of web usersacknowledged the fact that they would leave the website and not return back to it everif it takes more than 4 seconds to upload.Having a website isnt the end of the world. If you want to stay visible and survive inthis era of the internet, you must ensure that your website doesnt take longer, morethan 4 seconds, to load.Here are 7 ways you can ensure a fast loading website:1. Use Image CompressorReplace all uncompressed images of your website with the compressed version of theimages. Use the default image compressor embraced in Googles page speed plugin.2. Scale ImagesYou can scale images using Photoshop by keeping the same pixel dimensions as inyour HTML code. Scaling is essential to avoid server lag needed for resizing theimages.3. Leverage from Browser Cache CopyBrowsers store a cache copy of static resources. Add relevant code in .htaccess file toenable caching. This will increase the loading speed of website considerably and cutdown server lag.4. Integrate Images into CSS SpritesIncorporate images into CSS sprites to reduce the number of images available forloading on a given web page. Simply put, CSS sprites are a large image thatcomprises of several small images. Integrating 5 small images to create a single CSSsprint is indeed a great way to speed up your website loading process.5. Defer JavaScript Parsing
  2. 2. If you have placed JavaScript at the beginning of an HTML document, it may slowdown the page loading by blocking page rendering. Thus, it is wise to call thesescripts at the end of the document and defer parsing of JavaScript. You can alsoachieve this by using the defer attribute in the HTML code, as shown below:<Script type = "text/javascript" src="includes/general.js" defer="defer"></script>6. Compress HTML, CSS and JavaScriptYou may compress or minify HTML, CSS and JavaScript to reduce the loading delay.You will find a plenty of resources on the internet that will help you minify these files.7. Combine CSS and JavaScript FilesA typical custom CMS website with plugins and theme features has over 15 CSS andJavaScript files. If you combine all these files to create one large file, you cantremendously increase the loading speed of the website.Considering these tips, you can almost halved your website loading time. If you wantto build or restore your website to ensure it meets the international consumptiontrends of users, hire a web designer from a professional web design company in India.

×