Category Archives: Tips

The one website optimization technique that could be dramatically speed up your website.

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.

Minifying a website can be ridiculously time consuming, unless you do this.

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.

Minifying is the process of stripping any unused white-space and comments from the HTML, CSS, and Javascript in your web pages and any supporting resource file.

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 then you realize, “oh, I have to do this for 53 HTML, 16 CSS files, 8 Javascript files”… and a half an hour later you’re done.

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.

Bummer.

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.

Accelerator is a website plugin that minifies your HTML web pages, CSS and Javascript files, all for you, automatically, on the fly, just by turning it on.

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.

User Experience – UX – Your Most Important Focus as a Webmaster

As business people, as individuals, and family members, as human beings, we all know how important relationships are to existence.

When it comes to running a website, we can become disconnected with those “eyeballs” that are investigating  our offerings.  So many fish swimming past your fishing hole.

The trouble is, as website operators, you can forget that you have an incredible opportunity to make connections.  Simply putting your offering out on a web page, a product, a piece of content,  a service, simply is not enough to convince users to continue to interact with you.  Simply existing is not enough to build relationships.

It is no different than real life.

In life, we smile and say hello when we see another person.  We complement them and say that we value them by making eye contact, and by engaging them.

It is no different than your relationship with your visitors when running a website.  But so  many website operators are missing this key piece of the puzzle when it comes to their path to success.

User Experience: Your Most Important Focus

If, as a website operator, you are not constantly focused on your end-user’s experience, if you’re not putting all of your efforts into how every single person who is coming to your website is EXPERIENCING your offerings, then it is no different than just walking down the street with a sign that says “My name is Joe, and I know stuff about [whatever you’re offering]”.

UX: Engaging Content

So, are you putting engaging content with visually stunning graphics on your website?  Are you providing some content in the form of video?  Not everyone looking for your offering will prefer to read your well crafted paragraphs of sales material.  Consider recording a video talking about what it is you offer, and connect with them.

By 2020, over 80% of the Internet’s traffic will be attributed to video.  Why?  Well, lots of reasons.  But basically, the throughput is now available for people to get streaming video without having to wait for minutes (or hours) to buffer what it is they want to watch.  Users are becoming accustomed to viewing movies, tv programs, instructional videos, and reviews, right on their computers, tablets and mobile phones.

This is your opportunity to connect to your visitors, to show that you are a real person, and by doing so start to build that relationship.  Look them in the eye, and have them experience you — because people do business with people, not with businesses.

UX: Responsive Design

If you are running a website, and it isn’t set up to respond to different types of devices (desktop vs tablet vs mobile phone) then it will fall farther and farther away from being accessible to those people that need what it is you offer.

Search engines are giving priority to websites that have their content ready for mobile devices.  As over 50% of website traffic, and over 50% of e-commerce transactions, are now done on mobile devices, you’re going to lose out if your website is not formatted to be responsive for all device times.

If you have one of the old-school non-responsive websites, fear not.  There are responsive website templates that are available to help you upgrade your website.  If you’re not one to make those changes yourself, usually the businesses offering this new generation of website design will also have services available to transfer your old website content to the new state-of-the-art mobile responsive designs.

UX: Page Load Speed

If you have engaging content, and a responsive design, then next you should focus on making sure your website is loading fast.

You can have the most exciting looking website, but if it takes forever to load you’re going to:

  1. lose visitors with load fatigue
  2. lose rank positions in search engines

It’s pretty obvious that if a website loads too slowly, that you’re going to get people that don’t want to wait around and hit the ‘back button’ on their browser.

But what can also happen is that if you have a slow website, your position in the search engine result pages can be in jeopardy.  Search engines, especially Google, want to provide results for pages that load fast.  So if your site doesn’t load fast, but your competition’s website DOES, where do you think your site will rank?

This is incredibly important to consider.  Google has a tool to help web developers identify what they have to work on to make their web pages load faster.  It’s called Google PageSpeed Insights.  Google PSI is a fantastic tool.  But it’s just a tool to tell you what you need to do, it doesn’t actually fix anything — that’s up to you.

But if you don’t know how to accomplish the tasks that Google PSI suggests, it can be difficult and frustrating to implement.  If you do know how to implement their suggestions, then it is just plain time consuming.

We’ve been developing a website plugin to take all of Google’s suggestions and implement them automatically to make your web pages load faster.  This website plugin is called Accelerator.

Accelerator tackles this particular User Experience aspect for you, all automatically, saving you valuable time.

Your Most Powerful Asset

You can do this.  Engage your visitors, make sure your site is mobile responsive, and make sure your website loads fast.   Make user experience the primary focus for your website — your interactions, your relationships are your most powerful asset you have, in life, in business, and on the web.