How to optimize your page images to increase site speed?
Although everyone is aware of Google's tag-line - 'Don't Be Evil'; but many of us don;t know that it works on the principal – 'Either be updated & quick, else you're dropped'.
Even if you have the most compelling content and a beautiful website design, the interface usability must always be kept in mind. there are many questions that come into our mind while initiating the page speed optimization of any site. Ask yourself some questions discussed below:
Why is site-speed so critical?
What to do?
How to maintain it?
Answers to these concerns are put forward as below:-
We've all heard & written of the site-speed & its significance somewhere or the other. However for content advertisers, enhancing the speed of a website is seen as burdensome activity that is totally out of the control. Is it not believed that only a back-end full-stack architect/ engineer can speed things up essentially?
Things being what they are, nothing could be further from reality. As pointed by SEO experts, below are some key highlights on how and why you ought to focus on extremely fast experience to clients.
Why is site-speed so critical?
As per the official Google website admin blog, sitespeed matters a lot. Google itself invests a humongous time & energy checking whether your site is better than your rivals or not. In the event that you are slower, then it will rank you low in the queries.
In any case, that is by all account not the only essential component here. Site speed enhances the general User Experience. Below screenshot from Firefox shall make it clear:
At the point when Firefox improved page load time by 2.2 seconds, form downloads expanded by 15.4%. This points to more than 10 million downloads every year.
Have a look at this quote:
"80-90% of the end-user response time is spent on the frontend. Start there." ~ Steve Souders
Along these lines, we know we can make a move. But the major thing that needs to be considered here is - where to put our endeavors?
What to do?
To represent, Tom Bennet from Builtvisible in his excellent recent talk at Brighton SEO, starts up a standard content page using bootstrap and jQuery; then measures it utilizing a blend of Yahoo's Yslow and Google PageSpeed rule sets. Here are the underlying results:
As shown in the image, 3.9 seconds of page load time shall appear like a grind for audience. Would you sit tight so long for each page on a site to open?
Again coming to the same question: where should the professionals focus their endeavors to get the most effect? We must begin concentrating on pictures that are by a wide margin the biggest and most basic component.
Check the images for their size (small size load faster) but keep a trade-off for their resolution as we also want our sites to look great.
It is vital to pose a couple of questions as stated below regarding the User Experience:
- Formats to be used for images. PNGs are incredible for pictures with less hues or transparencies, while PEGS are ideal for photographs.
- Size: appropriate width and height at which the picture will be shown.
- Are those images really required.
Dispose of the content in the images (if present). Make use of the actual font, style, vector illustrations or CSS for things like logos or shading on the page.
Google has a scope of rules and counsel on this accessible which you ought to look at.
Do check out the guidelines from Google. The effect is depicted in the image below:
Being consistence with pictures is sufficient to save an incredible 1.2 seconds – or 30% – off of the aggregate page load time. Although, this is yest not an appropriate speed, but much better to see the significance.
Source: https://bit.ly/1NOkKXp