Once a year we launch a new design which is so unique and interactive that it becomes what we call our “flagship” design. We’re thrilled to announce that Rasa HD, our brand new website template, has taken over from our hugely popular Blacktop XT design.
Rome wasn’t built in a day. And neither was Rasa, our new website design.
We’re re-branding our “weekly recaps” as i3dTHEMES://interactive, where we take a few minutes to share with you what we’ve been working over the last week in our design and code labs.
When Colin first started i3dTHEMES in 2001, i3d was short for Continue reading
It should come as no surprise that most website operators, and, for that matter, most webmasters, don’t feel confident with being tasked to optimize the sites that they are responsible for, for search engine placement.
We all want a fast website. Well, not just fast, but BLAZING fast.
And there are hundreds, if not thousands of tips and tricks available to slog through to try to get your website to score better with the likes of Google PageSpeed Insights.
In fact, there’s so much information out there, it can be both overwhelming and confusing to determine what is right, and what is easy to implement.
But listen up, I can save you a little bit of time here just telling you this one technique that can dramatically speed up your website.
It should be no surprise that the number of images, the quality of your images, and the size (width x height) of your images impacts the load time of your web pages.
Compare an un-optimized website that uses the following set of images:
- 8 x 1600×1200 JPG files for the slider with a total size of about 3.9MB
- 12 x assortedly sized JPG files for a secondary info box carousel for a total size of about 9.9MB
- 15 x assortedly sized JPG images for a testimonial rotator, for a total size of about 2.9MB
- 6 x 280×200 JPG assorted images, for a total of 340KB
That totals a staggering 17MB of images for a single page load! This particular page scored 0/100 with Google PageSpeed because it was so image heavy.
But, once sized to the dimensions they needed to be, and then optimized, the total was reduced down to under 2.5MB. That’s a reduction of 85%!
It also resulted, with a few other updates to the web page using our Accelerator website plugin that targets a number of other techniques designed to speed up a web pages, in a 97/100 Google PageSpeed score.
So, if you want to significantly speed up your web pages, focus FIRST on sizing your images appropriately, and then optimizing them.
One of the best online image optimization tools available is TinyPNG. We use the TinyPNG in our Accelerator website plugin, however you can also use the TinyPNG to manually optimize your own images.
One of the best parts of using a web template to build your website, is that you get to see, in your chosen development environment (Dreamweaver, Expression Web, etc) how your page is laid out.
Let’s be honest, there is so much different information out there on how to speed up your site and get a super high Google PageSpeed score.
We’ve looked at it all, and trust me when I say this, it can be overwhelming, and sometimes frustrating, looking through all that information, wondering where t