Silvino and Susan have built a creative website to help Spanish tourists who visit England. The website is quite well-known among the Spanish people and has started receiving quite a lot of traffic thanks to all their hard work. However, they weren’t able to reduce the bounce rate of the visitors. Since the website is quite large, filled with lots of tourist guide videos, it is quite normal that the page size is so high. So, the bounce rate was about 79.09%, which is an unacceptable level for any growing business.
Because of these issues, they were actively looking for some professionals to reduce the bounce rate by dropping the overall page loading time and we reached them at the right time.
As a team, we always thoroughly examine the website prior to starting any sort of web optimization process. Here are a few major concerns we had:
The Google Page Speed score was “0”, so it is very obvious that Google was not showing any mercy. The only encouraging fact was that the website was built upon WordPress, which is quite flexible platform.
There is a great plugin that will bring all your classy photos from Instagram to appear directly on your website. However, each and every of these images loads directly from Instagram, which in turn affects the performance, since the website depends on the Instagram server. But, this plugin provides a wonderful feature that enables automatic download of all photos from Instagram and storing them in the WordPress Media Library. So we have enabled this feature and noticed a considerable performance increase right way. But hold on, there is plenty more to come.
Here we must understand how video integration works. Typically, when you integrate a video, the auto-play mode is off in order to make sure the user doesn’t get surprised. You may think that you are not annoying the visitor. However, you most certainly are, as the video actually starts buffering the moment a user opens your web page.
This is what happens with all modern browsers when you load a 4.2 MB video.
So we set the preload to none like this <video controls preload=”none”> to avoid video buffering.
Another usual mistake was that the images were not scaled properly. There were 20 images altogether that were not scaled to the proper width and height.
All the images were 600*400 and should be only 355*200
That saved a lot of bandwidth. The reduction was about 2-3 MB from the overall web page size.
Above the footer, the slider part has some images that are 357 x 575 in size. But a few of them were really too large at about 1024*800. I wish WordPress could scale it properly.
So, we have placed a custom code to resize the images to always keep them at 357*357, regardless of the size you upload.
Silvino was very responsive and gave us the full freedom to play around with the website. At the end of the day, an increase in traffic, a decrease in bounce rate and overall user experience has improved significantly.
At www.canallondres.tv, an online tv channel, we needed to improve our page speed performance in order to offer our audience a better experience watching our videos and meet Google’s demands, mainly for mobile users.
We got in touch with Kannan, and 3 days after agreeing to his proposal, our website completely changed. The improvement was really impressive. We fully recommend his work if you want a great result for your page speed.
Canal Londres. A tv dos brasileiros na Europa