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.
Boom! Here we are half way through January and the ‘blitz’ is on. Every year, small website operators make a new years resolution to dedicated time and effort into refreshing or upgrading their website.
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
Every year, thousands of small business and organization website operators decide that January, February, and March is when their website is due for an upgrade.
How excited for 2017 are you? We’re totally stoked. 2016 was an incredibly innovative year for us here at i3dTHEMES, but 2017 promises to eclipse that with some incredible new concepts that we’ve got in development.
We all want our websites to load fast.
I’m sure you’ve bailed from slow loading websites, while the spinner spins, and you look at your watch wondering how long it will take for the web page to load… you revert to contemplating the meaning of life… and wait… no! You don’t have time for that! And you click the back button, and try a different site.
In trying to speed up a website, one of the relatively easier tasks of satisfying the recommendations of Google PageSpeed Insights, is to “minify” your web pages.
And for the do-it-yourself web person, to minify a web page, you basically copy all of the HTML and paste it into a minfication web service (see example). Pretty easy right?
At first, you think “yeah, this is a piece of cake”!
But wait! The hassle isn’t over!
You realize that you certainly can’t overwrite your original web pages! So you’ve got to keep a separate copy of your website, with just your minified pages and resources. Because, if you overwrite your original files, you will NEVER be able to effectively edit them again in your website editor (Dreamweaver, Expression Web, etc) because the minification process strips all of the web editor specific instruction code from all of your pages.
Never mind, it would then be impossible to switch to code view to try to modify any HTML manually.
So, the next time you make a change in your menu, you have to re-minify all 53 of your pages, all over again, and re-upload them up to the server. UGH.
Wasted time. And time is too valuable to be wasting on such a mundane task.
What if there could be an easier way. One that didn’t mess up your original files or require you to keep a separate copy of your website. A way that minfied everything for you without you having to manually re-minify and manually re-upload your changed files.
Well, there is. And it’s freaking fantastic.
It’s called Accelerator.
Installation takes maybe 5-10 minutes, and then you’re done. It’s that easy.
But the super awesome thing about Accelerator is that it doesn’t stop at minifying your web pages. It also works to satisfy all of the other recommendations of Google PageSpeed Insights. Accelerator defers render-blocking resources, optimizes images, minifies content, enables browser caching, and gzip compression, all on the fly, without every changing your original website files.
And it can take your Google PageSpeed scores from 35% to 95% in minutes.
If you need to save time and need to have a fast loading website, Accelerator is THE tool to get the job done.
So you can go back to doing what is really important to you. You know, life.