Optimize image will boost the performance of your web page and reduce the load time of the page
The image created using the Image editor such as Photoshop or illustrator looks marvelous but is often very large in size. So if you use these images on the web it will slow down your web page. You should avoid using big size pictures. It unnecessarily delays the page upload process. You can use the graphics but it need to be optimized for the web. Use only .gif and .jpg formats. If the pictures size is large try using some on-line graphic optimizing tools. They help in reducing the picture size by almost half the size with no visible decrease in picture quality.
Use thumbnails (clickable miniature versions of a picture), If a user is interested in the picture, he can click on the thumbnail and wait until the full size picture is displayed.
Minify CSS refers to removing unnecessary character, extra spaces, line breaks, tab, and indentation from the code in order to reduce it size and improves the load time.You can use the tool cssmin.js | YUI Compressor or refer the website http://cssminifier.com/ to minify the CSS online.
It is recommend minifying any JS files that are 4096 bytes or larger in size. In addition to minifying external scripts and styles, inlined <script> and <style> blocks can and should also be minified.
Enable Gzip compression
Gzip is a software application used for file compression and decompression Gzip detects similar strings within a text file and replaces those strings temporarily to make the overall file size smaller. It is more effective on web since CSS & HTML files use good amount of repeated text and have lot of whitespaces. It Compress webpages and style sheets, common strings before sending them over to the browser , which help in reduce page size & style sheets by up to 70%
Gzip need to be enabled on the webserver. The browser sent the request to the webserver which in turn check if the server has gzip enabled. If it’s enabled it receives the Gzip file which is considerably smaller in size & if it isn’t, it receives the uncompressed version of the web page which is much larger in size.