Posts

Showing posts from October, 2015

Using Google Chrome Inspect Element to Analyze the website

Image
I'm developing my new profile website. I want to reduce the loading time of my page. Google Chrome also provides the tool to help developer to analyze the websites.  So it's time to play with the "Google Chrome Inspect Element to Analyze the website"

1. I want to see how each element take time to load.

then I go back and modify some images and code. This is the result.
For the images I use the Photoshop "Save as Web" feature to help me consider which option is the best for my website. Actually, I will reduce the quality of the images down to 60-80% depend on each images.

This will greatly reduce the image file size but it still look beautiful. Furthermore, there are other options e.g. reduce the number of colors, reduce image size, use the vector file and more. This Technics are depend on each images. In the example below, You can see that jpg format gives the better image quality compare to .gif at the same file size. I think jpg is great for photo while g…