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

Post a Comment

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 calcul...
Post a Comment
Read more

Google PageRank Update Schedule for year 2010

We all got the updated google PR ( Page Rank ) for the 1st  update of year 2010 and techmadly.com got back its PR 3. If you are a blogger or Webmaster then you must be knowing the importance of Google PR because it affects: Your SERP (Search Engine Ranking Point). SERP in turn affects your ranking of web page for a common keyword. If you are running Google adsense to get money then higher PR means higher income. Higher PR will return you google traffic which will boost up your ranking like Alexa etc. as you may be knowing that The Google PR updates every four time in a year which means every 3 months you got a PR update that is visible to you but the actual PR update every day and we can’t access that. Based on the previous year updates the schedule of this year update may be most likely follow these dates: 1st PR Update 31st March – 30th April 2nd PR Update 31st June – 30th July 3rdPR Update 31st September – 30th October 4th PR Update 31st December – 3...
Post a Comment
Read more

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...
1 comment
Read more