Translate

Pages

Search This Blog

Tuesday, November 29, 2022

Understanding and Optimizing Your Website Speed

 

What is Page Speed?

Page speed is the amount of time it takes for the content on a website’s page to fully load. In a world where people have come to expect instantaneous results, faster is better.

In fact, nearly half of web users expect a site to load in 2 seconds or less, and they tend to abandon a site that isn’t loaded within 3 seconds, according to surveys done by Akamai and Gomez.com.

But how long do most websites take to load?

The standards many have been using for page load time come from a study conducted by Geoff Kenyon where he compares website speed against the rest of the web:

  • if your site loads in 5 seconds, it is faster than approximately 25% of the web
  • if your site loads in 2.9 seconds, it is faster than approximately 50% of the web
  • if your site loads in 1.7 seconds, it is faster than approximately 75% of the web
  • if your site loads in 0.8 seconds, it is faster than approximately 94% of the web

So how can you determine how your website stacks up?


How to Determine Your Page Speed and Score

Here’s how to measure how your website stacks up:

  1. Hop into your website’s Google Analytics Site Speed reports. This will give you an idea of how your site has performed over various time periods and the load speed of each of your pages.
  2. Enter your site’s URL into Google’s PageSpeed Insights Tool. This will give you a report card on your website’s speed performance on mobile devices and desktop. The report comes with some recommended actions you can take to improve your site’s speed.
  3. Check Pingdom’s website speed test to find out the speed, rank and percent faster than the average of Pingdom’s tested websites
  4. GTMetrix will provide a comprehensive look at your site’s speed optimization status.

Note: Don’t puzzle yourself when you see different speed timing in Pingdom and Gtmetrix. As Pingdom will show you load time (The time it takes to show the first result of your website—that’s what google counts and you should too) and GTmetrix will show you full load time (The time it takes to show full page with it’s full functionality running).

For further understanding, it’s always good to see the speed waterfall from both tools.


Why Does Page Speed Matter?

Bridging the gap between user expectations (2 seconds) and average website load time (5 seconds) is the goal of page speed optimization and the tactics we’ll outline later. But why exactly does page speed matter? It comes down to 3 main interconnected reasons:

1. Speed Kills UX

User experience is probably the most important reason you should care about website speed, so we’ll start here.

People don’t have the patience for slow loading websites anymore. In the beginning, just connecting to the internet required a tolerance that just doesn’t exist anymore.

Today, people are constantly online and you’ve got 3 seconds maximum to display your page or they’re gone. More than 3 seconds creates a poor user experience and the bar is only going to get higher in the future.

2. Speed Kills SEO

User experience is actually the driving force behind the SEO implications of site speed. While Google has been slow to officially reveal whether slow websites would receive ranking demotions, it appears that those days are coming. You need to make sure your website is ready.

3. Speed Kills Conversions

Your site speed’s effect on conversions is what should really catch your attention. How can you move people through your funnel if each step takes forever? Your super-fans will do it, but those new, hesitant people who are prone to buyers-remorse will bounce.


8 Tactics to Make Your Website Load Faster

Speeding up your site is not necessarily going to be a snap. If you have a small, light site you may just need to try a couple of tactics on this list.

However, large, older sites with a lot of code and content may require some persistence and the implementation of several tactics on the following list.

Here’s where to start:

1. Leverage browser caching:

When you visit sites, your browser often caches pages on the site to speed up load time.

Browser caching stores webpage resource files on a local computer when a user visits a webpage, so leveraging browser caching is when you instruct browsers how their resources should be dealt with.

Things can slow down when the response from your server does not include caching headers or if resources are specified to be cached for only a short time.

Leveraging caching will load your pages much faster for repeat visitors and so will other pages that share those same resources.

Here’s how to do it

2. Optimize images:

If images load faster, your site loads faster, period. Google notes that “…images often account for most of the downloaded bytes on a page. As a result, optimizing images can often yield some of the largest byte savings and performance improvements.”

This means that you can get some big improvements when the images on your pages can be optimized to reduce their file size without significantly impacting their visual quality.

Here’s how to do it

3. Minify HTML, CSS & JavaScript:

Minifying removes any unnecessary characters that are not required for the code to execute.

Sources of redundant data that you can remove includes code comments and formatting, removing unused code, using shorter variable and function names, and more.

Here’s how to do it

4. Enable gzip compression:

Gzip compression drastically reduces the size of files sent from your server when someone visits your website. This will speed things up considerably.

According to GTMetrix,

“The reason gzip works so well in a web environment is because CSS files and HTML files use a lot of repeated text and have loads of whitespace. Since gzip compresses common strings, this can reduce the size of pages and style sheets by up to 70%!”

Here’s how to do it

5. Reduce server response time:

Server response time is the amount of time it takes for a web server to respond to a request from a browser. This is a key issue to address because if your server response time is slow your pages will display slow, no matter how optimized your pages are for speed.

Google says you should reduce your server response time under 200ms. So how do you make this happen?

Here’s how to do it

6. Avoid landing page redirects:

Your site can really slow down when you have more than one redirect from the given URL to the final landing page. This sets off a redirect loop that takes time to process.

Here are a few examples of redirects that can slow things down:

example.com → m.example.com/home - multi-roundtrip penalty for mobile users.
example.com → www.example.com → m.example.com - very slow mobile experience.

Here’s how to do it

7. Prioritize visible content:

This is the exact message you’ll get from Google’s PageSpeed tool when additional network round trips are required to render the above the fold content of the page.

This “above the fold” content is what you see on a desktop or device when you visit a page. So prioritizing visible content is the recommendation that you prioritize things so that essential elements on your page load first (and quickly) for users and that you defer secondary page elements like social sharing plugins, analytics javascript, etc.

Here’s how to do it

8. Eliminate render-blocking JavaScript and CSS in above-the-fold content:

JavaScript and CSS resources often prevent your page from displaying until they’re fully loaded. This is often a good idea, since the premature display of your above the fold content can look pretty grotesque.

However, this is a common message you’ll get from Google about site speed, and addressing it can really take your page speed up a few notches.

Here’s how to do it

Note: This is the hardest thing to fix for most people. There are WordPress plugins that just do it but they can make your site look like Frankenstein on every load.

Want lightning-fast, Google Cloud-hosted WordPress sites? Contact us today!

Friday, November 4, 2022

Blogging for Fun and Profit: How to Build your Business Blogging Skills

 


So, your business has decided to take the leap into the blogosphere. Great! There’s no shortage of reasons why blogging can benefit your business. However, the world of business blogging may still feel like uncharted territory. What should your blog discuss? How many posts should get published, and how often? Just who the heck is going to read this stuff, anyway? This blog about blogging (a meta-blog?) is intended to help you hit the ground running with tips on creating timely and fresh blogs that meet the needs and engage the minds of your readership.


Lay the foundation

A great blog starts with a great plan, and the planning stage is where you first answer the big questions that will determine what you write about, who you write for, and why you’re writing in the first place. Before you fire up your typewriter, be sure to nail down answers to the following questions:

  • Start with buyer personas—who is going to be interested in what your business has to say? What are their pain points, and how do your products or services address and resolve them? Targeting your content to a specific readership makes it more likely to be seen (and shared).
  • Develop a list of keywords relevant to your buyer personas. What kinds of search terms will they use when they’re looking for solutions? Knowing your keywords and putting them into use can optimize your blog to be found, guide your writing process and keep your copy consistent.
  • How often will you write? The fresher and more frequent your content, the more you’ll have to offer to your readership, and the more Google’s page rankings will look favorably on your website.
  • Set measurable goals in both the short and the long term. Are you looking to grow your email list and cultivate new leads, or are you focused on making your brand’s voice trusted and authoritative in your field? Whatever your goals, ensure that you have reliable metrics for measuring your progress.

Pick your topics

Are you drawing a blank every time you sit down to write? It may be easy to simply write a product feature or fluff up a sales pitch, but it’s important to remember that the point of your blogs is to provide value to your audience, not to sell to them. Take a look at your buyer personas and their pain points or problems, and assemble them into categories. These categories and their relevant personas will focus your writing and guide your use of keywords to optimize the SEO boost that the post provides. From here, you can begin to address some general topics.

Another great source of blogging inspiration is your existing customer base. Think about the kinds of questions from customers that you answer on a regular basis. Many of these represent common pain points, and can easily turn into full blog posts. For every one customer who comes in or sends and email with a common question, just imagine how many there are tapping their query into Google in search of an answer!

For example, a furniture store might write a blog on the difference in durability between leather, vinyl, and fabric upholsteries, or the different types of mattresses and their levels of support. An informative post that answers common questions and gives your readers information that they can act on is going to rank higher on search engines and position your business as a source of information that readers can trust.

Content (not copy) is king

Getting the copy down is one thing, but your blog will be as dry as a bone without engaging content to supplement that copy. The content that your copy supports, more than anything, is what sets your blog apart from your competitors and drives the solution to your readership’s problem.

It’s best to make your own, but there are plenty of resources out there for those who don’t collect data or employ a design team.

  • Statistic Visuals

Provide relevant and substantiated statistics in the form of graphs and infographics—these add credibility to your posts, and can provide shock value when used properly.

  • Header and Sub-header Images

Use visuals to break up the text. The text of headers and sub-headers can often be incorporated into a relevant image that draws the reader’s attention and invites them to read further. A well-chosen graphic or photograph can serve to break up the monotony of plain text as well as add a visual frame to the information the audience receives.

  • Screenshots/photos
    Finally, use screenshots or photos to demonstrate your solution in action. Remember that you’re here to provide value, not to sell.Getting to the end of a blog and feeling like you just read a really long ad means that you’re not going to come back for anything informative or authoritative. The more your readers can learn from your post, the more likely they are to return to your blog when they have another question that needs an answer.

What’s your Story?

Tell compelling stories (and write snappy titles). Narrative is a powerful tool, and we’ve known how to use it in sales and marketing for a long time. The same goes for your blogs. Framing the movement from conflict to resolution as a journey makes your audience more receptive to the information you have to share and puts it within a familiar and memorable framework.

Start with choosing a narrative voice. Anecdotes and stories about your business can use a first-person voice to draw readers in and demonstrate your unique way of overcoming challenges in ways that others can learn from and put into practice. A second-person voice (like the one used in this blog) allows readers to visualize themselves acting out your solutions as your offer them, while a third-person voice is suited to communicating stories about how your business has been part of another customer’s success.

Leverage your buyer personas and their challenges to tell stories that will engage your audience and show how your business fits into their lives. Your posts don’t have to read like a novel, but putting your info in action will help transform your blog from a lecture into a success story.

Sharing is Caring

You’ve written something you’re proud of, so be sure to put it out there! Share your new blog on your business’ other marketing channels, and put the work in to gain readers other than Googlers and regular visitors to your site. Leveraging your business’ social media following to widen your blog’s audience has the added benefit that a new post that a follower finds useful or interesting is always easy to share with their own network. The more readers that come to see your business as a trusted source of information, the better!

Your blogs can (and should) also link to one another. Where there’s an overlap in information or your blog posts address similar issues, have them link to each other! An engaged reader will always be ready to find out more, and demonstrating that you have more information to offer is never a bad thing.

Finish Strong

Finally, and importantly, bring things home with a with a call to action. Have you ever gotten to the end of an interesting article, how-to or blog post and been filled with the inspiration to immediately test what you’ve learned? While the point of your blog isn’t to sell, it’s important to give your readers something to engage with that allows them to take action and apply their new knowledge. Whether it’s more content, a link to a product or promotion or a contact form, your readers will have a way to act on their inspiration, and you will have a way to track engagement and turn readers into leads.


Here’s hoping this blog has inspired you to start writing your own! By following these tips, you should be well on your way to inspiring your own readers with engaging stories, compelling content, and valuable information that will position your business as a reliable source of information. Write well, help others and have fun!