Increase website page speed using Image optimisations

In our first port, we listed some tools for identifying pages, images which tooks more time to download. From this post, most useful tool could be “firefox plugin” , check the section “Firefox web-developer toolbar” from that post, to identify images which tooks more time for downloading.

1) Refer GIMP website section “Preparing your Images for the Web  , as per this website two things are useful,

  1. An image with fewer colors, such as a button, icon, or screenshot, is better suited to the PNG format.
  2.  If you have any other image, convert the images formats to “jpeg” with as minimum quality during export to jpeg. Open your image in gimp, goto “File -> Export As” , rename to filename.jpeg, select “JPEG Image” from dropdown and click “Export”, in newly opened window, reduce quality as much as possible and looks good for your website. This will reduce the size of image considerably and also will not affect the quality as visible.
Related :   Free AMP Themes for WordPress and How to setup AMP theme ?

2) Use “GTMetrix” website for website analysis, from home page of this, enter your URL and click Analyze. Once the analysis is complete, check “Optimize Images” section. This will give you details of which images needs optimisation but along with this, it also gives you an option to download the ready optimised image, check “See optimized version” infront of every suggestion.

3) Use very small background image and tile it.

Check our another blog, this uses a very simple image (png) as a grid, and sets the background color to change the background look. Such tiling of small image reduces the use of high size background image resulting in speedy website download.


lynxbee_ezoic

Subscribe with Valid Email Id to receive updates in Inbox. ( Secured by Google FeedBurner )

   


Leave a Comment

Android Android Build system Android Commands Android Java Applications Application Libraries Application Stack / User Interface Bash / Shell Scripts Bluetooth driver Cloud Technologies Commands and Packages Compilation Content Management System Core Kernel C Programs Development & Build Development, Debugging and Performance Tools Development Environment Setup Django & REST Api Errors & Failures Git Hardware Platforms HTML JAVA Programs Linux, OS Concepts and Networking Linux Device Drivers Linux Host, Ubuntu, SysAdmin Linux Kernel Linux Networking Middleware Libraries, HAL Multimedia Audio, Video, Images NDK / Middleware / HAL OS Concepts PHP Programming Languages Scripting and Automation Search Engine Optimisation ( SEO ) Social Media Source Code Management ( SCM ) System Administration, Security Testing and Debugging Uncategorized Web design and development Website Hosting Wordpress Yocto / Bitbake / Openembedded