How to Increase Page Speed Performance

How to Increase Page Speed Performance

Page Speed Performance

Page speed is related to some important factors, some of them is related to your CMS or your web development architecture and some of them is related to your hosting server also there is some configuration and services that you can use them to increase up your website speed.

1. What is Time To First Byte or what is TTFB?

Time to First Byte means how much it takes that your server answers to first request.

lower firs byte time is better and will increase your site speed and the result is better seo ranking.

you can get more details about First Byte Time and how you can decrease first byte time in article below.

Time To First Byte

2. Total Website Requests or Website Request Count

lower requests on each website loading is important factor for website speed, you can lower requests by combining images or combining css files, also you can reduce total images and css and js files counts.

Page Speed

3. Total Website Size

World average Website Size is 2 Mb, try to keep your website total size lower than 2 Mb. lower website size means higher website speed performance.

you can check your website size from webzly website checker.

 

4. Minify Your HTML, CSS and JS files

there is many tools that you can use them to minify your html size and your css and js sizes.

also thers some tips that you can minify your html size like removing blank lines, remove comments on code an unusable html codes.

 

5. Enable compression or Gzip Encoding

Gzip is a software application for file compression,  Apache version 2.0 and later allows you to compress content before you send it to the visitor’s browser.

gzip will compress HTML, CSS and javascript size.

how to enable gzip on cPanel Hosting.

6. Optimize images for Website Page Speed

by optimizing images of website you can reduce your total web page size. also using standard image formats such as JPG, PNG and GIF is recommended.

there are many tools to reduce images size.

1. image CSS sprites

Use CSS sprites to create a template for images that you use frequently on your site like buttons and icons. CSS sprites combine your images into one large image that loads all at once (which means fewer HTTP requests) and then display only the sections that you want to show. This means that you are saving load time by not making users wait for multiple images to load.

2. external picture editor tools

you can use some external softwares like Photoshop to resize images, its better to use 72dpi size.

3.  Image Optimization Tools

JPEG & PNG Stripper
Smush.it
Online Image Optimizer
SuperGIF

 

7. Avoid External Contents

using external images or js files usually reduce your website speed.

also some tracking websites and tracking codes generates speed problems.

 

8. Use Website Caching Methods

Every time a visitor loads a site, your web page’s image files, CSS and Java files load as well, taking up a lot of page load time. When caching is set up correctly, your browser can store these resources or files for subsequent requests. On repeated page loads these files can be retrieved from the cache rather than downloading them all over again from the network. This also reduces bandwidth and hosting costs and increase your website page speed.

how to enable cache with htaccess

Also some CMS softwares like wordpress have useful caching plugins, like super cache and …

how to install and enable super cache in wordpress

 

9. Use a Content Delivery Network (CDN)

Content distribution networks (CDNs), also called content delivery networks, are networks of servers that are used to distribute the load of delivering content. Essentially, copies of your site are stored at multiple, geographically diverse data centers so that users have faster and more reliable access to your site.

Share this Post: