Topic: Page Speed

Increase page speed in 4 easy steps – Slideshare

11 easy online tools to minify CSS

CSS minification is very important if you want to increase the overall page speed of your website. By minifying CSS you can easily remove extra white spaces, comments etc. from the Stylesheet file. You know it all that smaller size means faster load time.

Explore these tools, make the most of your Page Speed. These tools are easy online tools. No technical expertise needed, just paste your codes and get it minified. (more…)

Enable gZip compression to increase website’s page speed

Enabling gZip compression can dramatically increase the page speed of your website. Yes, it’ true. Wondering how to do this? Here you go:

Connect to FTP and download the file named .htaccess. Open it with Notepad or with some other text editor. Paste the following code into it:

# compress text, HTML, JavaScript, CSS, and XML
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/xml

Improve Page Speed by specifying the dimension of the images

Yes, that’s true and luckily very simple to do. I will tell you why and how you should specify the dimensions of images on your web page.

Let’s first understand as to why we should specify the dimensions.  Take a look below, this is what Google has to say about this issue:

When the browser lays out the page, it needs to be able to flow around replaceable elements such as images. It can begin to render a page even before images are downloaded, provided that it knows the dimensions to wrap non-replaceable elements around. If no dimensions are specified in the containing document, or if the dimensions specified don’t match those of the actual images, the browser will require a reflow and repaint once the images are downloaded. To prevent reflows, specify the width and height of all images, either in the HTML <img> tag, or in CSS.


Leverage Browser Caching to increase Page Speed

What is browser caching?

Leverage Browser Caching

Leverage Browser Caching

Do you know that when you open a webpage in your browser, your browser downloads all files from that page to let you see them on the page. These files can include everything like HTML, CSS, Javascript, Images etc. So, you can easily understand that if your webpage has many images, JS, CSS etc. files, a browser will take more time to load the page completely, especially in the case of mobile browsers or slow internet connection, it becomes painful and frustrating. (more…)