Skip to main content

How to speed mobile page load times with AMP










Here's the short version: If you use WordPress.org, install the AMP-WP plugin.
The longer version may be more interesting: Want to dramatically reduce WordPress page load times for mobile browsers? Want to deliver your WordPress pages quickly to a viewer from a nearby Google datacenter for free?
Google, Twitter, and WordPress all support the Accelerated Mobile Pages (AMP) Project, which aims to make the mobile web experience faster. AMP offers a framework designed to deliver web pages optimized for speed to mobile devices. TechRepublic's Dan Patterson covered the launch details in October 2015.
Following the launch, the WordPress team released the open source plugin, amp-wp on GitHub. The plugin auto-generates Accelerated Mobile Pages for your site—with /amp/ added at the end. WordPress also plans to support AMP on WordPress.com.







The WordPress amp-wp plugin creates pages with '/amp/' added at the end.

AMP Speed

The focus on speed pays off. Accelerated Mobile Pages from my site consistently load about 3-4 times faster than standard ones, according toPingdom Website Speed Tests. Part of the performance improvement may be due to reduced content delivery—the initial version of the amp-wp plugin removes some navigation elements from the AMP version of my pages. I'd expect template support and formatting to improve as the AMP project and amp-wp plugin evolve.





On a text-only page containing around 750 words, the AMP version loaded about 4 times faster a the standard page.

AMP CDN

The biggest gain for WordPress users, though, may be access to a globalcontent delivery network (CDN). In plain English: Google will cache and deliver Accelerated Mobile Pages for free. When people search for a page from your site on a mobile device, Google serves the AMP version. You pay nothing for the reduced wait time.
Here's how to add amp-wp to WordPress.

Install the AMP-WP plugin

Login to your WordPress.org installation with an administrator account. Then:
  1. Go to Plugins
  2. Choose "Add New"
  3. In the search box, type "amp-wp", then press enter
  4. Press the "Install" button
  5. Select "Activate Plugin"
  6. Then, from the Dashboard, choose "Settings"
  7. Choose "Permalinks"
  8. Press the "Save Changes" button





As of January 2016, the "Save Changes" for Permalinks triggers the creation of pages with '/amp/' following the page URL.








Next, go to Permalinks and select "Save Changes."

Validate the AMP version

To validate that the plugin properly created the AMP version of your page, check your site with Chrome Developer Tools. In Chrome:
  1. Paste the URL of your Accelerated Mobile Page into the omnibox. Add "#development=1" to the end of the URL, then press enter
  2. Press Ctrl-Shift-I (or navigate to "More Tools" then "Developer Tools" as shown)
  3. Select "Console"
If everything worked properly, "AMP validation successful" displays.







Use Chrome Developer Tools to validate your Accelerated Mobile Page format.

AMP-WP: Deploy now

The AMP Project and amp-wp plugin are both in the early stages of development and adoption. According to a December 2015 post by Richard Gingras, head of news for Google, "Google will begin sending traffic to AMP pages in Google Search as early as late February, 2016."
There's very little downside for you to add the plugin to your site and test the performance of your Accelerated Mobile Pages. If you dislike the results, deactivate or uninstall the plugin.
For most WordPress.org site owners, AMPs offer an easy way to get pages to mobile browsers faster, for free.
Source:http://www.techrepublic.com/article/how-to-speed-mobile-page-load-times-with-amp-and-wordpress/

Comments

Popular posts from this blog

Importance of Link Building in SEO - Web Master Email Ids

For your search engine optimization campaign to be successful, employing the most effective link building techniques and skills is a must. In fact, link building in SEO has become one of the most important aspects of a successful business online. While using a keyword-rich or quality content can deliver your website at the top of search engine results, there are some other methods that guarantee excellent page ranking.

Link building is a method by which you build backlinks to your website so it can be better indexed in major search engines, including Google and Yahoo. The more backlinks you have, the more traffic your website generates. Building links plays a vital role in your SEO campaign and in the visibility of your website. This, however, depends on the website or the directory where you have submitted your links.

Links that are posted on authority or credible directories tend to have a greater value than those that are posted on ordinary blogs and websites. Similarly, links that…

How To Create Google Analytics Dashboard Report

Assuming you already use Google Analytics for web analytics data on your blog (can’t imagine why you wouldn’t be) I have a quick tip that I want to walk you through that will help you save time when pulling reports from Google Analytics. When you view your blog’s reports in Google Analytics, you are first taken to your Dashboard as it’s called. I am going to quickly walk you through how to customize your dashboard and 10 specific reports to add to it that every blogger should be looking at on a daily basis. First let me explain how you add a Report Widget to your dashboard. Step 1 = Go to your preferred report Step 2 = Click the “Add to Dashboard” button located in the upper left-hand corner of your report. This image screen-shot gives you an ideas of what I’m talking about. Get it? You can actually add any report inside Google Analytics to your Dashboard by following these 2 simple steps. This will help you save a ton of time each day when you go to view the reports most necessary to yo…

Introducing Web 2.0 concepts

Programming
Ajaxlines: Ajax related tutorials, articles and review, in a web 2.0 design.
ma.gnolia: Build your web site and build community online
Ajaxian: Ajax related blog
Web 2.0 Sites: web 2.0 sites directory, for all web 2.0 related services.
Video

YouTube: YouTube is a popular free video sharing Web site which lets users upload, view, and share video clips.
Meta Cafe: Metacafe - Get the best internet videos - Funny videos, Amazing clips, Rare movies
Vimeo: Share your video clips. Upload video that you shoot with your digital camera, mobile phone, or camcorder. Share video by linking to Vimeo.
Daily Motion Publish, tag, organize and share your video clips.
Imeem: imeem is a social media service where users interact with each other by watching, posting, and sharing content of all media types, including blogs, photos, audio, and video. In one sense, imeem is a media-centric social network service, and in another sense, it is also a user participation service…

What Is Classified Ads Posting

What Is  Classified Ads Posting
A free classified posting site is a classifieds site offering members to post classifieds in various categories at no cost to locate people to buy from, sell to, and negotiate exchange of goods and services.

Unlike any other commercial online advertising sites, a free classified posting site is only a venue, hence, it does not own or handle any of the goods and services listed on the site. As a result, the site cannot verify or endorse the quality, safety, or legality of the items listed, or the truth or accuracy of the classified ad.

Free Classified Posting Site- How To Avail Its Services?

In order to place an item(s) and service(s) on free classified posting site, you must become a member. The member registration process requires that you provide your full name, street address, email address, and other identifying information.

By completing the sign-up process in the free classified posting site and clicking on the button indicating that you have read…

Article Submission Service

Article Submission is one of the best methods of gaining quality one-way incoming links to your website and has become a part and parcel of search engine optimization (SEO) process.

You write the quality articles and we take care of its distribution. We can submit your article to around 750 best article directories which would give good quality back links to your website with the anchor text of your choice. Your articles will be published in all of the best publishing resources which allows the distribution of your article along with the embedded links to your website.


Article Directories SiteGoogle PRSizePopularityTrafficisnare.com65.943.062.22ezinearticles.com67.587.584.19goarticles.com66.253.922.86articlebiz.com65.262.292.00articledashboard.com55.822.832.54weeno.com51.991.541.50articlepool.com55.451.541.89site-reference.com54.622.141.96articlesnatch.com57.262.312.46a1articles.com55.981.842.14healthdothealth.com54.214.440.79articleclick.com55.131.712.01buzzle.com55.422.772.98article…

The Best Article Directories For SEO - Ordered by Alexa Rating

Directory NameURLAlexa RatingPageRankEzine Articles.comhttp://www.ezinearticles.com4506GoArticleshttp://www.goarticles.com24656Web Pro Newshttp://www.webpronews.com29037Site Referencehttp://site-reference.com36520ADhttp://www.articledashboard.com43606Free Articleshttp://www.topica.com/lists/free_articles51400Articles Base Directoryhttp://www.articlesbase.com63195Articles.Web.Comhttp://www.articles.web.com85064Gobala Krishnanhttp://articles.easywordpress.com147942DirectoryGold Article Directoryhttp://articles.directorygold.com253574Afro Articles – Article Marketing Directoryhttp://www.afroarticles.com/article-dashboard/349004InfoWizards Free Content Articleshttp://content.infowizards.com391583Article Friendlyhttp://www.articlefriendly.com416603Article Submissionhttp://www.articlewheel.com/430455Top-Affiliate.comhttp://www.top-affiliate.com/articles469324Free Articles for Reprinthttp://www.articles-hub.com490356Article Ardvaarkhttp://nero.byethost15.com499670Submit Your New Artic…