Connect with us


Official AMP for WordPress Plugin Updated to Version 2.0



Version 2.0 of the Official AMP for WordPress plugin is now available and comes with a number of useful features for site owners.

The plugin is designed to offer essential tools to assist with the creation of AMP content.

WordPress site owners can use the plugin to build lightning fast pages while minimizing the amount of resources needed.

The update from V1 to V2 brings some major upgrades. Here’s a rundown of what’s available.

Features in Version 2.0 of Official AMP for WordPress Plugin

Version 2.0 of the plugin offers the following features.

Updates to Reader Mode

AMP-first themes

Any AMP-compatible theme, and all template modes and content types, can be served as AMP.

There is out-of-the box support for all essential features including:

  • Navigation menus
  • Logos
  • Commenting
  • Template design variations

The old Reader mode’s scope and AMP post templates from V1 are kept available for backwards compatibility.

AMP Customizer

Two themes are used when reader mode is selected, so the AMP plugin will provide two versions of the customizer:

  • The default Customizer for the active theme
  • The AMP Customizer for the AMP Reader theme

Brand Affinity

The AMP plugin synchronizes general site settings to maintain brand affinity between AMP and non-AMP pages.

That means the logo, background, color, header, and other elements will be the same on both versions of a site.

Tooling Updates


The AMP plugin gives site owners the flexibility to decide which parts of a site should and should not be served as AMP.

Also, it’s now possible to enable all templates to be served as AMP, while excluding certain post types to be served as AMP.

Official AMP for WordPress Plugin Updated to Version 2.0

CSS Tree Shaking

By default, AMP constrains the use of CSS to no more than 75 KB on any given page.

The AMP plugin makes this easier by “shaking the CSS tree” and removing as much unused CSS as possible.

Updates to Embedded Validation Tools


When editing an AMP page in Gutenberg, invalid elements will be detected and reported to the site owner.

Official AMP for WordPress Plugin Updated to Version 2.0

Error Index

All the validation issues that have been identified in a site will be surfaced on the Error Index screen.

Site owners will be able to see summary information about each issue, as well as a list of URLs affected by a specific issue.

Official AMP for WordPress Plugin Updated to Version 2.0

Admin Bar

While editing AMP content, the WordPress admin bar will provide information about validation status and percentage of CSS budget used.

Official AMP for WordPress Plugin Updated to Version 2.0

Hiding Dev Tools

Previous versions of the AMP plugin enabled developer tools for all users that have permission to edit posts.

Now, developer tools can be turned off for users who aren’t responsible for dealing with any validation issues.

Developer tools are only accessible to administrators, and they can be turned on and off at will.

Plugin Suppression

Admins can now suppress the execution of specific plugins when rendering AMP pages.

This can help with preventing validation issues caused by non-AMP compatible plugins.

Official AMP for WordPress Plugin Updated to Version 2.0

Mobile Redirection

Version 2.0 of the AMP plugin offers automatic redirection of mobile visitors to the AMP version of a site.

AMP-to-AMP linking

If automatic mobile redirection is enabled, clicking on internal links will bring visitors to the AMP version of the page (if there is one available).

AMP Optimizer

The AMP plugin allows for automated server-side optimization of AMP pages.

These optimizations are designed to improve key performance metrics, such as Google’s Core Web Vitals.

Related: Google AMP & SEO: Everything You Need to Know

Updates to Plugin Configuration


Version 2.0 of the AMP plugin comes with an ‘Onboarding Wizard’ that makes configuration more intuitive.

The Onboarding Wizard will indicate which of the three template modes (Standard, Transitional, Reader) may work best for your site.

Settings Screen

The settings screen has been completely redesigned for a better user experience.

From the new settings screen, site owners can access the configuration wizard at any time.

A link to the settings screen has been added to the admin bar so site owners can quickly visit it whenever they need it.

Source: AMP Developer Blog



Now the internet’s fighting over old scrollbar designs



Scrollbar design; three computer scrollbars are pulled and pushed with a mouse

Have you ever considered what your favourite scrollbar design is? It’s the kind of UI and UX design that often gets overlooked, because we use it so casually.  Web curator and coder Sébastien Matos has created an interactive journey into scrollbar design, meaning you can visit his page and fiddle with over 30 years of UI design.

There’s a lot that can be learned from experimenting with great UI design like the scrollbars of the old MacOS, and a site like Matos’, while novel, is actually a reminder we need to curate old design concepts in practical ways. There’s nothing like actually being able to interact with UI design. Check out our guide to the best UI prototyping tools for a hands-on approach to creating your own.

Source link

Continue Reading


Google Adds If-Modified-Since Section To Crawl Budget Help Document



Google has added a new section to the crawl budget management help document. The new section is for the If-Modified-Since request header. The section is titled “Specify content changes with HTTP status codes.”

Google wrote, “Google generally supports the If-Modified-Since and If-None-Match HTTP request headers for crawling. Google’s crawlers don’t send the headers with all crawl attempts; it depends on the use case of the request (for example, AdsBot is more likely to set the If-Modified-Since and If-None-Match HTTP request headers).”

“If our crawlers send the If-Modified-Since header, the header’s value is the date and time the content was last crawled. Based on that value, the server may choose to return a 304 (Not Modified) HTTP status code with no response body, in which case Google will reuse the content version it crawled the last time. If the content is newer than the date specified by the crawler in the If-Modified-Since header, the server can return a 200 (OK) HTTP status code with the response body.”

“Independently of the request headers, you can send a 304 (Not Modified) HTTP status code and no response body for any Googlebot request if the content hasn’t changed since Googlebot last visited the URL. This will save your server processing time and resources, which may indirectly improve crawl efficiency.”

I am not sure if I have any commentary on this, outside of the fact that this new section was added to this page.

Forum discussion at Twitter.


Continue Reading


Experience Remote done Right




Sponsored Post: By Clevertech

Over 20 years of remote experience, all 500+ staff are 100% remote and we still grow vibrant relationships, and provide exceptional opportunities for career growth while working with stellar clients on ambitious projects.

Clevertech believes in empowering the individual to cultivate a good life across the many aspects that define us as human beings. Freedom, mastery, and purpose are the bedrock values here.

What we’re working on:
Enterprise companies turn to us to help them launch innovative digital products that interact with hundreds of millions of customers, transactions and data points. The problems we solve every day are real and require creativity, grit and determination.

We are building a culture that challenges norms while fostering experimentation and personal growth. In order to grasp the scale of problems we face, ideally, you have some exposure to Logistics, FinTech, Transportation, Insurance, Media or other complex multifactor industries. Our clients include enterprises that affect millions of people around the world and our software development skills help them achieve their aims.

We give a damn at Clevertech
Taking care and balancing the client’s needs, your needs, and your family’s needs creates trust and a sense of community.

We are in this together, even if we are physically apart.

Continue Reading