Monday, September 5, 2022

Google’s Core Web Vitals

Core Web Vitals UX

[et_pb_section fb_built="1" _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"][et_pb_row disabled_on="on|on|on" _builder_version="4.16" _module_preset="default" disabled="on" global_colors_info="{}" theme_builder_area="post_content"][et_pb_column type="4_4" _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"][et_pb_toggle title="Table Of Contents" open="on" open_toggle_background_color="#c1c1c1" closed_toggle_background_color="#c1c1c1" icon_color="#000000" use_icon_font_size="on" icon_font_size="30px" open_icon_color="#000000" open_use_icon_font_size="on" open_icon_font_size="30px" module_id="toc" _builder_version="4.16" _module_preset="default" title_level="h3" body_ul_item_indent="40px" body_ul_font="|600|on||||||" body_ul_font_size="16px" body_ul_letter_spacing="3px" body_ul_line_height="1.2em" global_colors_info="{}" theme_builder_area="post_content"]
  1. Core Web Vitals - What Are They And How They Affect Your SERP
  2. What Are Core Web Vitals
  3. The 3 Core Web Vitals Defined
  4. How Core Web Vitals Affect Site Performance
  5. New Labels For Search
  6. Optimizing for Core Web Vitals
  7. Wrapping Up
[/et_pb_toggle][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"][et_pb_column type="4_4" _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"][et_pb_code _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"] [/et_pb_code][et_pb_text _builder_version="4.18.0" _module_preset="default" text_letter_spacing="2px" text_line_height="1.8em" link_font="|600|||on||||" hover_enabled="0" global_colors_info="{}" theme_builder_area="post_content" sticky_enabled="0"]

Core Web Vitals - What Are They And How They Affect Your Website's SERP

Google announced their User Experience algorithm update in May of 2021 stating that core web vitals would play a role in determining search ranking. This update combines the existing UX-related signals such as mobile-friendliness, safe-browsing, HTTPS-security and intrusive interstitial guidelines to become a key ranking signal on Google.

In this post, you will learn what core web vitals are and how they impact your ranking in search results. We also uncover important tips about how you can optimize your website to meet Google’s criteria for higher ranking and increased visibility.

What Are Google’s Core Web Vitals?

Core web vitals are a combination of several metrics designed to measure how users perceive the experience of interacting with a web page. In this update, Google wants to ensure that only sites that provide simple and seamless experience show up on the top of search engine result pages (SERPs) for specific search terms or keywords.

Core web vitals are a subset of Google's overall evaluation of Page Experience, a longstanding ranking signal. The metrics that define Core Web Vitals will change over time along with changes in a user’s expectation of web pages. The current set of metrics focus on three important aspects of the user experience, including load speed, interactivity and visual stability.

Here are the three Core Web Vitals and their meanings:

  • Largest Contentful Paint (LCP): This metric refers to how long it takes the main content on a webpage to load. Google recommends that the LCP should occur within 2.5 seconds or faster from when the page first starts loading.
  • First Input Delay (FID): This refers to the time it takes for a web page to become interactive. To provide a good user experience, your web page is expected to have a FID of less than 100 milliseconds.
  • Cumulative Layout Shift (CLS): This refers to the amount of unexpected layout shift of a page’s visual content. To provide a good user experience, a page should maintain a CLS of less than 0.1.

Core Web Vitals Illustration

Core Web Vitals And How They Affect Your Site’s Performance

Core Web Vitals are about your page performance and how it affects web visitors. A website with low-quality page experience will naturally discourage visitors. For example, if it takes a long time for a page to load, it will have a severe effect on bounce rates which is a signal to Google that your page is not user-friendly.

Likewise, interruptions and errors due to instability in the graphic appearance of the page can make good user experience impossible, hereby reducing the dwell time on your website. On the contrary, fewer shifts result in less chances for interruption and error.

According to a recent case study by Web Vitals, an initiative by Google, if a page load time increases from 1 second to 3 seconds, bounce rate increases by 32%. The bounce rate further increases by 106% as page load time increases from 1 second to 6 seconds.

The same study found that when a site meets the thresholds for Core Web Vitals, users are 24% less likely to abandon such a page. The study specifically looked at news and shopping sites, sites whose businesses depend on traffic and task completion, and discovered a similar outcome: 22% less page abandonment for news sites and 24% less abandonment for shopping sites.

The Introduction Of New Labels In Search Results

Google has suggested that they’re going to add labels in search results that show which results provide a quality page experience. The search engine perfected works on visual indicators that will make it easy for users to identify pages that have met all of the page experience requirements explained earlier.

While Core Web Vitals are not the only ranking factors in Google’s ranking algorithm, they constitute the largest chunk of Page Experience score. Having said that, it’s important for you to run a thorough check of your website and see where you stand in light of the imminent update rollout. This can help you quantify the experience of your website and identify opportunities to improve.

How To Optimize Your Website For Higher Page Experience

Google has released a variety of tools that you can use to start improving your page experience. But the first step is doing a site-wide audit of your pages to see where there is a need for improvement. You can dig up your site’s Core Web Vitals data in the “enhancements” section of your Google Search Console account.

Largest Contentful Paint (LCP) 

Once you’ve identified opportunities for improvement, you can leverage tools like PageSpeed  Insights and Lighthouse to help you as you iterate on fixing any issue that you’ve found. These tools come in handy and can provide you useful insights about what you need to improve your site’s load speed.

PageSpeed Insights, for example, analyzes your website using field data which reflect the real-world experience of a critical user-focused outcome.

Although PageSpeed Insights provides you useful data about your LCP, it can only analyze a page at a time. This is where you need Google Search Console. Like Google PageSpeed Insights, data in GSC comes from the Chrome User Experience Report and it allows you to see all relevant LCP insights on your entire website. Instead of analyzing random pages one by one, you can get a list of URLs that are good, bad or somewhere in-between.

LCP reports are divided into three buckets – Good, Needs Improvement and Poor.

For example, an LCP of 2.5 seconds or less is considered "Good"; 2.5 to 4.0 seconds "needs improvement" while 4.0 seconds or more is "Poor".

Here are some recommendations to improve your page load speed:

  • Reduce the dimensions of background images: large background images are common culprits when it comes to slow page load speed. You can either reduce the size to a maximum of 100kb or decide to remove it entirely if its removal will not negatively impact user experience.
  • Implement lazy loading: With lazy loading, images only load as the web visitor scrolls down your page. This helps achieve faster LCP.
  • Remove Large page elements: Large page elements such as large video files or bulky CSS can delay LCP times. A tool like Google PageSpeed Insights can tell you if your page has an element that’s slowing down your page and how you can possibly fix it.

First Input Delay (FID)

FID refers to the time it takes for a web page to become interactive. Examples of interactive activities on a website include, choosing an option from a menu, entering an email into a field, and clicking on a link in the site’s navigation. Google considers FID an important metric because it takes into account how real-life users interact with websites.

Like LCP, a site's FID is grouped into three buckets, including good, needs improvement and poor. The ideal FID time is 100 ms. Anything beyond needs improvement. Sites that deal with 100% content such as blogs or news sites shouldn’t have much issue with meeting the FID requirements since there’s little or no need for users to login or input their info.

Here are recommendations on how you can improve your site’s FID score:

  • Minimize JavaScript: It’s difficult if not impossible for users to interact with a page while the browser is loading up JavaScript. The solution is to either minimize or defer JS on your page to improve FID score.
  • Use a browser cache: Using a browser cache can help improve user experience by loading JS faster.
  • Remove inessential third-party scripts: Third-party scripts like Google Analytics and heatmaps can negatively impact FID.

Cumulative Layout Shift (CLS)

This parameter is focused on visual stability. Put simply, if elements on your page moves around as the page loads, they’ll have a high CLSs which page for Page Experience. You need to ensure that every element on your page is fairly stable when it loads up. This encourages visitors to stay longer on your page. The ideal CLS score is 1.0 or less.

Here are some recommendations to improve your CLS score:

  • Make sure ads elements have a reserved space - This helps you prevent the chances of ads pushing content down, up or to the side.
  • Additionally, Google recommends AMP as one of the easiest and cost-effective ways for publishers looking to achieve improved page experience outcomes.
  • Google Accelerated Mobile Pages (AMP) is an open source framework developed to help you create websites, stories, emails and ads that are designed with the user in mind. They are targeted at delighting the user and providing lightning-fast, high-quality experience in multiple forms. The majority of the AMP pages record great page experience.
  • If you’re an AMP publisher, you can check the recently launched AMP Page Experience Guide. It’s a diagnostic tool that provides actionable insights about how best you can optimize your website for greater user experience.

Wrapping Up

Optimizing the quality of user experience is crucial to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Core Web Vitals can help you improve your ranking and boost visibility in search results. If you need professional assistance auditing your site’s performance and optimizing your site for Core Web Vitals, schedule a consultation call with us right now to discuss your needs.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Original post here: Google’s Core Web Vitals

Sunday, September 4, 2022

The Evolution Of Web Browsers

Evolution of Web Browsers

[et_pb_section fb_built="1" _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"][et_pb_row _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"][et_pb_column type="4_4" _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_enable_color="off" custom_padding="15px||15px|10px|false|false" hover_enabled="0" global_colors_info="{}" theme_builder_area="post_content" sticky_enabled="0"]

Evolution of Web Browsers Contents

[/et_pb_text][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_color="#E09900" custom_padding="15px||15px|10px|false|false" global_colors_info="{}" theme_builder_area="post_content"]

Update: 12/20/2021

[/et_pb_text][et_pb_text _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"]

Brave Browser Update

The final update for 2021 shows 1,399,530 trackers & ads blocked and 19.4 hours of time saved. That's pretty substantial. I haven't seen any incompatibility issues with Brave Browser and it has become my default web browser. Its' similarity to Chrome makes it easy start using and I can't think of any reason not to highly recommend it. You can check it out at https://brave.com/

Evolution of Web Browsers Update

[/et_pb_text][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_color="#636363" custom_padding="15px||15px|10px|false|false" global_colors_info="{}" theme_builder_area="post_content"]

Update: 09/04/2021

[/et_pb_text][et_pb_text _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"]

Brave Browser Update

It's been nine months since we last updated our statistics for the Brave browser. Here is the latest. Over a million and a quarter trackers and ads blocked by Brave with almost 25GM and 17 hours saved. Pretty impressive.

Firefox

Firefox has been getting some rave reviews for their latest version of web browser. I have Firefox installed and have used it off and on since it first came on the market. The developer community is giving it high marks for its' capabilities in working with CSS and its' developer tools. Firefox has come a long way since the days of Netscape.

Brave Browser Stats

[/et_pb_text][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_color="#636363" custom_padding="15px||15px|10px|false|false" global_colors_info="{}" theme_builder_area="post_content"]

Update: 12/16/2020

[/et_pb_text][et_pb_text _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"]

Brave Browser Update

Over 800,000 trackers & ads blocked. Wow. I'm not sure what I did with those 11 hours of time Brave saved but I'm pretty sure I used it to work on web design projects.

brave browser stats

[/et_pb_text][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_color="#636363" custom_padding="15px||15px|10px|false|false" global_colors_info="{}" theme_builder_area="post_content"]

Update: 8/9/2020

[/et_pb_text][et_pb_text _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"]

Brave Browser Update

Since we began using the Brave Browser we have saved 5.6 hours and had over 400,000 trackers and ads blocked. That's a significant reduction in the usual irritations that go along with browsing the internet.

Brave Browser Stats

 

We have noticed that Brave seems to be a little more "locked down" than other browsers. Brave kicks up some security errors where other browsers don't. Is that good or bad? I prefer to error on the side of a more secure browsing experience. 

I have Brave installed on my MacBook Pro, iPad, and iPhone. It's become my go-to browser and I have zero issues or problems with it on these devices.

If you haven't taken the Brave browser for a spin yet, it might be time to check it out.

https://brave.com/

[/et_pb_text][et_pb_text _builder_version="4.16" header_2_font="|600||on|||||" header_2_text_color="#ffffff" header_2_font_size="36px" header_2_letter_spacing="2px" background_color="#636363" custom_padding="15px||15px|10px|false|false" global_colors_info="{}" theme_builder_area="post_content"]

Update: 2/5/2020

[/et_pb_text][et_pb_text _builder_version="4.16" global_colors_info="{}" theme_builder_area="post_content"]

New Kid on the Block - Brave Browser

There a new browser in the fray. Created way back in 2016, the Brave Browser was updated with new algorithm code and re-released in November of 2019. Brave is FAST, in fact one of the faster web browsers out there. It runs all the extensions the Chrome runs and proudly displays its' stats on any new tab. Here are the stats registered on my install since December 15, 2019.

Brave Browser

As you can see, Brave has saved me over an hour of time.

We like Brave and so far haven't encountered any problems using it.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.16" background_size="initial" background_position="top_left" background_repeat="repeat" global_colors_info="{}" theme_builder_area="post_content"][et_pb_column type="4_4" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||" theme_builder_area="post_content"][et_pb_text _builder_version="4.18.0" global_colors_info="{}" theme_builder_area="post_content"]

The Evolution of Web Browsers - It Started With Mosaic

Mosaic was introduced in 1993 and ushered in the age of the World Wide Web and the web browser evolution. Soon after Mosaic came Netscape's Navigator. Then in 1995, Microsoft introduced their web browser called Internet Explorer and the war was on between Netscape and Microsoft. There was a big advantage for Microsoft because they bundled Internet Explorer with it's popular Windows operating system.

By 2002 Microsoft's Internet Explorer had over 90% of the web browser market. In the late 1990s Netscape launched what would become Mozilla Foundation to develop an open source web browser which evolved into Firefox.

In 2003 Apple poked its' head in the race with their web browser named Safari. Although popular on Apple devices, Safari never caught on with the PC crowd.

Google jumped into the web browser market in 2008 with Chrome. By 2012 Chrome had absorbed market share from the competitors and was the dominant web browser in the market.

When web browsers were in their infancy, almost all connections to the world wide web were through dial-up modems. Many of the technologies we take for granted today were just not possible with the slow transfer speeds of the dial-up modem days. Things like game playing, streaming services, YouTube videos and other data-intensive activities were not available. I can remember connecting with a 300 baud modem and waiting hours for a file to download. Today that same size file downloads in the blink of an eye.

As connection and data transfer speeds increase, web browser technology will continue to keep pace and bring us more capabilities than we ever dreamed of.

What web browser are you using? Do you use different browsers depending on the device you're using? Let us know in the comment section below. And don't forget to take our Web Browser poll.

[/et_pb_text][et_pb_code _builder_version="4.16" _module_preset="default" global_colors_info="{}" theme_builder_area="post_content"][/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]

Original post here: The Evolution Of Web Browsers

Affordable SEO Services for Small Businesses

via Team 218 Web Services https://ift.tt/grxbTjQ