Mobile Site Speed Resources for Developers
Testing your site speed
PageSpeed Insights: Popular, easy-to-use tool that provides recommendations, fixes and a score based on how
well your site follows best practices.
Webpagetest: Not as pretty as PageSpeed Insights, but provides more detailed information and the highly useful
Speed Index. (Try to get your Speed Index below 5000 ms!)
TestMySite: Test how mobile-friendly your site is.
Documentation about performance
Web Fundamentals on developers.google.com: Extensive resources, documentation, links, and codelabs
High Performance Web Apps: O’Reilly book on networks, transport protocols, and application protocols by Ilya Grigorik
Even Faster Web Sites: Classic book on web performance by Steve Souders, creator of YSlow
Minimizing images, CSS, and JS with Gulp and Grunt: Automating resource compression and minimization
Progressive Web Apps: How to make your mobile site as quick and functional as an app
Accelerated Mobile Pages (AMP): Popular open-source (Google-created) framework for creating fast webpages
HTTP/2: Highly accessible article about HTTP 1.1 and HTTP/2
Tools for performance
Making image sprites with Compass: How to use Compass to automatically combine images into sprites and setup appropriate CSS rules
Gulp.js: Popular node.js tool to automate many tasks, including minifying and compressing JS/CSS
Grunt.js: Popular node.js taskrunner that can automate many tasks, including minifying and compressing JS/CSS
Uglify: Popular tool that minifies JavaScript by removing whitespace, shortening variable names, etc.
CSSNano: Popular tool to minimize and optimize CSS
mod_pagespeed: Module for Apache and Nginx that makes your site run faster by reducing resource sizes and quantity - and much more
Polymer: Framework of reusable web components that are optimized for speed
JSFiddle: Popular interface for quickly testing HTML/JS/CSS ideas
Chrome extensions
Page load time: This extension measures page load time and displays it in the toolbar
Ghostery: Find information on about third-party plugins on your site
Page Analytics (by Google): See the CTR of various page elements live on your website
Lighthouse: Auditing tool for performance metrics and Progressive Web App readiness
AMP Implementation
Accelerated Mobile Pages (AMP): Popular open-source (Google-created) framework for creating quick, simpler webpages
How AMP works: Learn how AMP only allows asynchronous scripts
Accelerated Mobile Pages (AMP) - GitHub: The heart of the open source open source initiative
Accelerated Mobile Pages (AMP) - StackOverflow: Related questions and answers
Accelerated Mobile Pages (AMP) - FAQ: The commonly asked questions about AMP
Google Search guidelines for AMP pages: The AMP format is supported by a wide variety of platforms, including Google Search.
Adding Analytics to your AMP pages: AMP includes an amp-analytics element that allows you to track user interactions with AMP pages and it has built-in support for Google Analytics.
Landing Pages with AMP: To ensure users have a great experience with ads, we’re introducing AMP Ad Landing Pages (ALP), which are landing pages that are built in AMP-HTML that load incredibly fast.
AMP for E-Commerce: AMP is now suitable to build many aspects of an e-commerce site
AMP Analytics vendors: By specifying the name of an analytics vendor with the type attribute you can quickly configure amp-analytics to use the respective product.
Building an AMP Extension: The process to produce a new extension (component) and get it merged into the source.
AMP by Example: AMP by Example gives a hands-on introduction to Accelerated Mobile Pages based on code and live samples.
AMP Start: Create modern, fast-loading AMP pages with our quick-start templates and components
AMP + Adwords
AMP your content - A Preview of AMP'ed results in Search
Link Google Analytics and AdWords - Linking a Google Analytics property to your AdWords account can help you analyze customer activity on your website after an ad click or impression.
Setup conversion tracking - With AdWords conversion tracking, you can see how effectively your ad clicks lead to valuable customer activity, such as website purchases, phone calls, app downloads, newsletter sign-ups, and more.
Implement Google AdWords specific tracking pixels - Support for Google Conversion Tracking and remarketing.
AMP Call Tracking - Dynamically replaces a phone number in a hyperlink to enable call tracking. Executes a CORS request to substitute the number. [Call Tracking]
The best-kept AdWords secret: AMP your landing pages
Codelabs
Web App Performance Issues codelab: Find and fix web app performance issues
PWA codelab: Build your first progressive web app
Accelerated Mobile Pages Foundations: In this codelab, you'll learn how to build Accelerated Mobile Pages -- or AMP for short
Accelerated Mobile Pages Advanced Concepts: This codelab is a continuation of the concepts introduced in Accelerated Mobile Pages Foundations