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

8 major Google ranking signals in 2017

What’s a top Google position made of? Here are the 8 ingredients that make all the difference. It’s no secret that Google’s ranking algorithm is made up of over 200 components, or “signals.” And while the list is impressive, it can get daunting if you’re a just regular human with 24 hours in a day. Luckily, SEO isn’t about getting every tiny thing right; it’s about getting your priorities right. Below, we’ve put up a list of top eight rankings factors, based on the industry studies by  SearchMetrics ,  Backlinko  and  SEO PowerSuite . Read on to find what they are, and how to optimize your site for each. Backlinks Surprise, surprise, right? In 2017, backlinks continue to be the strongest indication of authority to Google. Let’s look at the things that can make or break yours. 1. Link score How does Google turn the abstract concept of “backlinks” into a quantifiable ranking signal? In several  patents , Google explains that this is done by calculating a “link score.” Th

What is Press Release ? - Press Release Writing & Distribution

Press Release is very useful service for an innovator or a producer or an enterprenaur as he can apprise the world about his new product/service easily through distributing his press release on various online press release websites who further provide them to various newspapers, articles and websites. one can atrract favorable media attention with the spreading of their well written articles. A press release is the information which is supplied to a reporter or a professional writer so he can use his skills and create a beautiful article which is interactive and is considered as the article which has to be distributed to press for publishing in newspapers and megazines. Benefits of Press Release… * Press release is a powerful publicity tool that helps the enterprenaurs to build business. * Once you distribute press release to various places, the incoming traffic to your website increases drastically. * It is a very inexpensive way to get publicity. * It is a sure s

Make Instant SEO Analysis Report

Usually Managers assign a task to check SEO status of a site and they will come back in 10 to 15 mints for the response. Is it possible to check SEO status of a site in 15 mints? I hope, Most of the SEO's will say No. However i would say YES. SEO's might face the same problem while attending an interview, interviewers might ask you to analyze a site for 5 mints and requests to explain positive and negative factors of the site. There is a possibility to check all these factors with the help of few free tools. Following are the list of respective factors which needs to be analyzed for a quick review: Basic SEO Factors for Instant Analysis : Domain Extension Page Loading Time Page Rank Alexa Rank Google, Bing & Yahoo Indexed Pages and Back Links Domain Age Canonical Redirection Title & Meta Tags Header Tags Image Tags Xml sitemap Html sitemap Robots.txt Google analytics account Google webmaster tools account Each above factor will be explaine