Values-Driven Technical Marketing
We just had our 6th Semi-Annual UpBuild Team Day in my neck of the woods, Austin, TX. At this point we’ve grown quite accustomed to saying that ‘that was our best Team Day ever!”, and it’s something we plan on saying every six months, thank you very much.
Our Team Days serve 4 main purposes: [Read more…] about UpBuild Team Day Spring 2018: Best Team Day Ever (As Usual)
All of us in the agency SEO world have dealt with a client suffering from Rankings Monomania. The symptoms are always the same:
This obsession does not make RM-afflicted clients bad at their jobs. It’s not their fault. Rankings do matter. The anecdotal but universal understanding that Google search results beyond page one constitute a wasteland still holds true: [Read more…] about Don’t Worry About Rankings. Worry About These Things Instead.
Page speed is one of the most important metrics in technical SEO today. Users expect a page to load fast, and are quick to abandon pages that take too long to load; in fact, a study for one online retailer found that just a 1-second increase in page load time resulted in a 56% increase in bounce rate.
Since page speed is such an important user experience factor, Google has been using it as a ranking factor in desktop search since 2010. Recently, Google announced that starting in July 2018, page speed will be a ranking factor in mobile search as well; this is particularly important in light of Google’s move to mobile-first indexing.
With this in mind, it behooves marketers on the modern web to keep a close eye on page load time and page speed metrics.
When tracking page speed, the first place most marketers will look is at the Site Speed report in Google Analytics:
This report will show you the average page load time, in seconds, for pages across your site; it’s an easy way to spot any anomalies. You can also drill down into individual page timings, to find pages that take significantly longer than the rest of the site to load.
Note: If you’re using the Site Speed report regularly, you may want to consider increasing the sample rate. By default, Google Analytics only samples 1% of users to gauge Site Speed; increasing the sample rate will give you a larger sample size, which may result in more accurate data. Get the code here.
The Site Speed report is a great overall snapshot of how fast your site is loading; it also dovetails nicely with the PageSpeed Insights report, which will load your page in real-time and give you suggestions for improving page load time.
To access PageSpeed Insights, open the page in question in a Chrome browser window, then select View > Developer > Developer Tools > PageSpeed Insights.
In my opinion, there are two big problems with relying solely on the Site Speed report in Google Analytics and on PageSpeed Insights for speed optimization recommendations:
Fortunately, Chrome Dev Tools now includes a new tool called Lighthouse Audits.
While some of the audits included in Lighthouse are less useful than others (their “SEO” audit, for example, provides a woefully incomplete picture of the factors that impact performance in organic search), their Performance audit is a great look into more granular page speed metrics, particularly those that matter on a mobile device, where page speed becomes even more important. Let’s take a look at some of these metrics:
What it is: Time to First Byte, or TTFB, is pretty self-explanatory: it’s the time it takes for the very first byte of your page’s data to be delivered to to the browser requesting it.
How to optimize for it: Ideally, your TTFB should be under 200 milliseconds; if that’s not possible for your site, aim for a TTFB of under 500 milliseconds. Since TTFB is, in part, a measure of your server’s responsiveness, there may not always be much you can do to improve it, short of switching servers or hosting providers. However, you can often improve TTFB by optimizing your existing server, and by leveraging caching to reduce the portion of your page that needs to be served dynamically each time the page is loaded.
What it is: The first time anything appears on the screen; the first point at which the screen can said to be something other than “blank.” If you can’t make your page fully load any faster than it already does, you may be able to give users the impression that the page is loading faster by optimizing your time to first paint, reducing the amount of time that they spend staring at a blank screen.
How to optimize for it: Removing render-blocking scripts from the head of your document is a web performance optimization best practice in general, but one benefit of doing so is it will make your time to first paint faster. You may want to look at inlining key styles in the head, so they can begin displaying before your full stylesheet has loaded.
What it is: Whereas first paint just means that anything has appeared on the screen (which often means it’s a background color or other not-very-useful item), first meaningful paint measures when the page first becomes useful in a meaningful way. This often means that the main page content is displaying, or at least has started to be displayed. Most people who regularly use a mobile browser have, for example, been able to start reading an article before the page an article is on has finished loading. This is another way to give users the impression that your page is loading faster than it really is; once the content the user is there to see has started loading, they may not care or even notice that the rest of the page is continuing to load.
How to optimize for it: Make sure your “hero” content loads as early in the page load process as it can. Consider delaying code that isn’t necessary to display the main content, so that code doesn’t load until after the main useful content has finished loading.
What it is: Like Time to First Byte, Time to Interactive (TTI) is pretty self-explanatory: it’s the time it takes for your page to be able to receive user input in some way, whether that’s through clicking, scrolling, playing a video, etc.
How to optimize for it: Having a fast TTI is good (for all of these metrics, the rule of thumb should be “faster is better”), but almost as important is making sure that the time between your first meaningful paint and your TTI is as short as possible. Nothing’s more frustrating to users than seeing a link, and being able to click on it; or reading an article, but being unable to scroll down. To optimize for interactivity, make sure that the code that makes elements visually render and the code that makes them able to receive input load in short succession. You should also avoid long tasks that can tie up the main thread and prevent interactivity, by breaking large chunks of code into smaller pieces that can then load asynchronously. Finally, wherever possible, reduce your page’s dependency on third-party resources to load, as these can tie up the main thread as well.
Lighthouse Audits are a great free tool to start digging into some of these more advanced page speed metrics. At UpBuild, we also use a tool called GTMetrix. Registered users of GTMetrix can view page performance timings; their free tool also allows you to view a page’s waterfall, a chart of all the resources a page loads in the order they load.
It’s a great way to quickly spot resources that are blocking the rest of the page load, so they can be deferred or broken up into smaller tasks.
SEO audit tools, both free and paid, are a great resource for everyone involved in a site’s performance and well-being, from experienced SEOs to new webmasters. Auditing tools allow everyone to get a glimpse into a site’s ‘health’ and walk away with a list of actionable steps to improve their site without having to have a technical background.
SEO auditing tools ‘grade’ or ‘score’ a website or webpage based on a set of criteria unique to that auditing tool. They’re used by a wide range of professionals from SEO consultants to web designers to analytics specialists. Auditing tools come in a wide variety of incarnations from browser extensions to self-hosted crawlers.
An SEO auditing tool, while it has SEO in the name, isn’t restricted to providing only recommendations that will help a page rank organically. They can provide recommendations around any of the following: [Read more…] about Everything You Want to Know About Using SEO Auditing Tools
Team member compensation can be tricky. No one really wants to talk about it, yet it’s top of mind for everyone. In 2018, it’s no longer enough to simply offer competitive salaries and perks – it’s also crucial that your team has transparency into exactly how their compensation is determined. Does this mean total salary transparency is the logical path for every company? I applaud companies like Buffer who’ve made salary transparency at the individual level work well for several years, but at UpBuild, we’ve decided it’s not the path for us right now. Even so, in thinking about our core values, it was important to us to design a transparent, fair, and attainable rewards system. A system that is available and easily understood by everyone (both internally and externally) and that’s based on intentional rewards for measurable progress vs. arbitrary raises determined by gut feelings.
When thinking about this system, it’s important to remember it’s exactly that: a system. If we want UpBuild to be the best place for technical marketers to work, we should be thinking about how we can compensate them in ways that support many different areas of their life. This post is about how we’ve chosen to do that. [Read more…] about Compensation at UpBuild
