RWD Weekly #372

Hello again and welcome to week 372 of the RWD Weekly, and a special welcome to all the new subscribers for this week.

Right, let’s have a look at what this week brings.

Headline

What webmasters should know about Google’s “core updates”

The chances are that you rely on paid traffic to get candidates from point A to point B.  

  • Point A being where the user starts.
  • Point B being your web site/destination page.

Paid traffic can be paid social advertising on LinkedIn, Facebook, Twitter, Instagram, Snapchat etc.

This traffic is easy to get and can provide immediate results but it can come along with a hefty price tag (which is why you should buy your media through someone with better buying power).

What you should be doing alongside this reactive approach to the immediate demand is being more proactive with the needs of the future. This can come with increasing the amount of organic traffic that you get from Google.

Organic traffic comes about from a user performing a search in Google and then clicking on one of the organic (non-paid) results. Organic traffic is the most sought after traffic because it is something that money can’t buy. It provides a better click through and conversion rate than you find with paid traffic.

The problem with organic traffic — well I say problem, but I think it’s the best part of organic traffic — is that it won’t happen overnight.  You need to plan the keyword strategy and put effort into creating content that people want to read.

There’s a tonne of great advice in this article around the type of content you need to be creating. The key guideline is content that has strong E-A-T: Expertise, Authoritativeness, and Trustworthiness (everything has to be an acronym).

The best advice is summed up with this:

“We suggest focusing on ensuring you’re offering the best content you can. That’s what our algorithms seek to reward.”

Sponsorship

Clarity 2019: A Design Systems Conference

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. We elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration. Check the line-up ↬

Article

Establish network connections early to improve perceived page speed

Through the use of pre-connect and DNS prefetch you can help speed your site up between 500ms and 1s.

Native lazy-loading for the web

Support for natively lazy-loading images and iframes is coming to the web! This video shows a demo of the feature.

Writing Modes And CSS Layout

In this article find out why Rachel Andrew believes understanding writing modes is so important.

An Essential Tool for Capturing Your Career Accomplishments

This is such a great idea to keep your resume up to date as well as allow you to look back over all the great achievements you’ve had in your career.

Tutorial

Time to First Byte: What It Is and Why It Matters

While a good TTFB doesn’t necessarily mean you will have a fast website, a bad TTFB almost certainly guarantees a slow one.

Lazy load embedded YouTube videos

You can use the srcdoc attribute on the iframe elements to make your YouTube embeds even more performant. This is now going to be my go-to approach for embedding videos.

Quickly testing lazy images

It turns out that using JAWS (the screen reader, not the shark) doesn’t play as nicely with images that are using loading=”lazy”. I’m sure this is something they will fix up over time, but for now, it’s worth knowing.

Tools & Resources

Inter font family

Inter is a typeface carefully crafted & designed for computer screens. Not only is it gorgeous, but it’s a variable font as well so it will provide everything you need in one file.

Avant UI

Avant UI is a development toolkit based on Bootstrap Framework. Avant UI maintains the Bootstrap simplicity, provides a new look and adds new features and components. Enjoy it!

Finally

CSS Grid: Pac-Man (Kind of)

I’ve said it before and I’ll say it again. There are so many opportunities to put CSS Grid into practice for some fun side projects.


That’s all for this week, see you again next Friday.

Cheers,

Justin.

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.