05.03.2018 Views

9 Ways for Improving Your Website Speed

The website speed has a chain effect, because it impacts the Dwell Time and the Bounce Rate. Let’s learn about these terms are and how they effect the SEO and user experience.

The website speed has a chain effect, because it impacts the Dwell Time and the Bounce Rate. Let’s learn about these terms are and how they effect the SEO and user experience.

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

9 <strong>Ways</strong> <strong>for</strong> <strong>Improving</strong> <strong>Your</strong> <strong>Website</strong> <strong>Speed</strong><br />

Fast loading website or web pages in particular is a really important website<br />

development strategy and should not be over looked by the webmasters, but why is it<br />

important?<br />

Why is <strong>Website</strong> <strong>Speed</strong> Important?<br />

Page load time is among the important factors <strong>for</strong> your traffic generation, users’<br />

experience and the site’s accessibility and functioning. <strong>Website</strong> speed impacts your<br />

website ranking by optimizing the search engine optimization even better.<br />

The website speed has a chain effect, because it impacts the Dwell Time and<br />

the Bounce Rate. Let’s learn about these terms are and how they effect the SEO and<br />

user experience.<br />

Dwell Time means how much time a user is spending on your site. <strong>Website</strong> needs a<br />

quality content, that helps users in finding the required in<strong>for</strong>mation and this attracts<br />

traffic.<br />

Let’s say your site has the relevant in<strong>for</strong>mation but it takes quite a while to load the<br />

content; users will be disappointed and will leave your website.<br />

Keeping in mind that in this new era of high competition, you are not the only one<br />

having the required in<strong>for</strong>mation, people will easily find new websites with the relevant<br />

in<strong>for</strong>mation hence they will not think twice be<strong>for</strong>e leaving your website.


Moving on to the second part that has an impact on your website’s traffic and SEO,<br />

Bounce Rate.<br />

Users leaving your website or web page in the first few seconds after being redirected is<br />

what we call Bounce Rate. This has a direct connection with your website’s speed.<br />

Many users don’t like being waited <strong>for</strong> the content to load, they get frustrated and will<br />

leave your site instantly if this happens. There<strong>for</strong>e, webmasters are really considering<br />

website speed along with other important factors.<br />

Research has shown that a delay of only 1 second results in:<br />

A decrease in page views by 11%<br />

Customer satisfaction falls by 16%<br />

Conversion rate falls by 7%<br />

Not only that but another research showed that 47% of the internet users really expect<br />

to have website content loaded within first 2 seconds.<br />

Bounce rate increases to a 40% if page load time takes more than 3 seconds.<br />

Looking at these analytics, the website speed is pivotal but now the question stands is,<br />

how can we improve the website speed? Let’s talk about it.<br />

How to Improve <strong>Website</strong> <strong>Speed</strong><br />

Reducing your website’s HTTP request is a really important factor when dealing with<br />

your website’s speed.<br />

HTTP is Hypertext Transfer Protocol and it is the process that sends the request about<br />

your web page to the server which is responded back by the server with the file that<br />

could be your home page and other pages.These requests include all the details about<br />

your webpage; images, Flash, Style sheets etc. there<strong>for</strong>e the more the page<br />

components the more it takes to load the page.<br />

You can improve the load time and minimize HTTP request by the following


1. Moving JavaScript to the Bottom<br />

JavaScript should be moved out of the header section and to the bottom of page be<strong>for</strong>e<br />

tag because otherwise the rendering of the page will be blocked until the whole<br />

page is loaded. Due to this reason users see a blank page <strong>for</strong> first few seconds.<br />

2. Keep CSS in The Header Section<br />

If CSS is moved at the bottom it will restrain the browser to work properly, allowing the<br />

text to jump be<strong>for</strong>e the whole page is loaded. Also,the display and <strong>for</strong>mat will be<br />

disturbed, clearly this will not add to the user experience.<br />

3. Image Optimization<br />

Images are found to be one of the many factors that impacts your website speed<br />

there<strong>for</strong>e it is recommended to keep images lower than 100kb because high resolution<br />

images do not load quickly and takes more time to be processed.<br />

<br />

Image Format<br />

JPEG is seen as the best <strong>for</strong>mat <strong>for</strong> images because it is compressed and works best<br />

with images that contain many color pellets. They work best with large images such as<br />

photo grams and much more.<br />

PNG has a transparency percentage and should be used <strong>for</strong> small images such as<br />

images in menu, category etc.<br />

GIFs are best when dealing with animated images but make sure it is used when<br />

dealing with very small images like icons, flags etc.<br />

<br />

Image Size<br />

Image size is important factor too, so try to resize images according to your website<br />

width, it is recommended to resize your images below 2000px to increase load time but<br />

also consider the quality when doing so. A 5000px image, if downsized below 2000px<br />

will result in poor quality


4. JavaScript and CSS Files Minfication<br />

Why do you minify? Well when you go through this process, any unnecessary<br />

characters from source code are removed without impacting its functionality which<br />

consequently reduces the page load time even if it is a browser or any kind of digital<br />

device.<br />

Some good online minification tools are:<br />

<br />

<br />

<br />

Minify (<strong>for</strong> both JS and CSS files)<br />

GitHub<br />

Minifier<br />

You can search <strong>for</strong> more Minification tools online.<br />

5. Concentrate JS and CSS Files<br />

Keeping all the JS and CSS files concentrated helps your website to take up less<br />

bandwidth and less files means less requests there<strong>for</strong>e it renders the page quickly<br />

along with providing improved user experience.<br />

6. Using CDN<br />

Content Delivery Network(s) is one of the best ways to reduce HTTP request and<br />

improve website speed. CDNs are a network that have optimized servers across the<br />

world, such as Amazon Cloudfront and it helps in rendering the website’s content faster<br />

such as JavaScript, CSS and Images.<br />

It allows to send HTTP request of relatively large files one by one and not in one go that<br />

improves the load speed. Furthermore, the data requested is responded from the server<br />

that is closest to the user, there<strong>for</strong>e, the shorter the distance the faster is the load time.<br />

7. Gzip Compression<br />

Gzip is a process that enables the file size to be reduced and it does this by<br />

compressing the files like JavaScript, PHP, HTML, and CSS from its original size by<br />

30% which makes the web page load quite faster than be<strong>for</strong>e.


These compressed files are sent to the users’ browser and will be automatically<br />

decompressed in order to get it back to its original size so that it is loaded <strong>for</strong> viewers.<br />

You can enable gzip compression <strong>for</strong> Apache using .htaccess file by using the following<br />

mods:<br />

<br />

<br />

mod_deflate<br />

mod_gzip<br />

Although it doesn’t matter which mod you use but because mod_deflate supported by<br />

many servers and it is configured and documented better.<br />

Use one of the given codes below to enable mod_deflate<br />

Use one of the codes given below to enable mod_gzip if mod_deflate doesn’t work<br />

NOTE:Put one of these codes in the .htaccess file that can be found in the website’s<br />

root folder.


8. Browser Caching is Enabled<br />

It is highly recommended to enable the browser caching because when a user will visit<br />

your site the components of the page such as JavaScript, images, HTML, style sheets<br />

etc. will be saved to the user’s cache’s hard drive. Now whenever that user visits your<br />

webpage again, another HTTP request will not be sent, this will definitely speed up the<br />

load time.<br />

9. Minimizing the Redirects<br />

<strong>Your</strong> website loads slower when redirects are used in the code, it is unnecessary to<br />

some extent because users will be sent to one place just so that they can be redirected<br />

to another.<br />

Redirects will hurt the users especially the mobile users and are a waste of time that<br />

actually makes your web page to load slowly.<br />

Using HTTP redirects will allow the mobile users to be sent directly to the mobile<br />

specific URLs.<br />

Published on: https://www.buzzinteractive.co/9-ways-<strong>for</strong>-improving-your-website-speed/

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!