Google Developers Blog: faster web

IISpeed accelerates visitnapavalley.com, with PageSpeed optimization by Google

Monday, March 3, 2014

This guest post was written by Otto van der Schaaf, Founder and Software Engineer, We-Ampmaking the web fasterWe-AmpSunStar MediaVisit Napa ValleyIISpeedWhat did IISpeed optimize?SunStar MediaFindings

Mobile

Tablet

Desktop

IISpeed by We-AmpMicrosoft’s IIS web serverSteve SoudersIISpeedWe-AmpOtto van der Schaaf is one of the founders of We-Amp,and spends his time coding on web acceleration technologies and accelerating web sites. When he is not working he loves to play soccer with his two sons.Posted by Scott Knaster, Editor

Measuring network performance with Resource Timing API

Wednesday, December 11, 2013

By Ilya Grigorik, Developer Advocate and Web Performance Engineerunder one secondNavigation Timing APIResource Timing API

img = window.performance.getEntriesByName("http://mysite.com/mylogo.webp"); var dns = parseInt(img.domainLookupEnd - img.domainLookupStart), tcp = parseInt(img.connectEnd - img.connectStart), ttfb = parseInt(img.responseStart - img.startTime), transfer = parseInt(img.responseEnd - img.responseStart), total = parseInt(img.responseEnd - img.startTime); logPerformanceData("mylogo", dns, tcp, ttfb, transfer, total);Measuring network performance of third party assetsadditional opt-in HTTP header

Facebook widgets

Disqus widgets

Google+ plugins (learn more)

Google Fonts

Google Hosted Libraries

User Timing APIIlya Grigorik is Developer Advocate at Google, where he spends his days and nights on making the web fast and driving adoption of performance best practices.Posted by Scott Knaster, Editor

Speeding up mobile pages with mod_pagespeed and ngx_pagespeed

Thursday, November 7, 2013

By Jan-Willem Maessen, Software Engineermod_pagespeedngx_pagespeed

prioritize_critical_css finds the CSS rules that are used to initially render your page.

The critical image beacon identifies the images that appear on screen when your page is first rendered and uses this to guide lazyload_images and inline_preview_images.

defer_javascript prevents scripts from running until the page has loaded.

convert_jpeg_to_webp reduces the size of images that are downloaded by webp-capable browsers.

What happens when you turn on these optimizations

image optimization filterEnabling these optimizationsdownload ModPagespeedEnableFilters prioritize_critical_css,defer_javascript ModPagespeedEnableFilters convert_jpeg_to_webp ModPagespeedEnableFilters lazyload_images,inline_preview_imagesinstall from the latest source pagespeed EnableFilters prioritize_critical_css,defer_javascript; pagespeed EnableFilters convert_jpeg_to_webp; pagespeed EnableFilters lazyload_images,inline_preview_images;?ModPagespeed=off?ModPagespeedFilters=coredefer_javascriptlazyload_imagesConclusionhttps://code.google.com/p/modpagespeed/mod-pagespeed-discuss@googlegroups.comJan-Willem Maessen is a Software Engineer on the PageSpeed team, and helped build many of the optimizations including the ones you see here. He's been known to hit otherwise reasonable consenting software engineers about the head with a steel longsword.Posted by Scott Knaster, Editor

Speed up your sites with PageSpeed for Nginx

Thursday, April 25, 2013

By Jeff Kaufman, Software Engineer, Make the Web Faster Teamwe releasedpopularngx_pagespeedbest practicesoptimization filters

start using itMaxCDNblog postZippyKidearly beta testersopen sourceGoogleTaobaoWe-AmpGitHubJeff Kaufman works on PageSpeed, an open-source server module that helps make the web faster, and is interested in experiment measurement. He also plays for contra dances, organizes other dances, and blogs about dancing, giving, and tech.Posted by Scott Knaster, Editor

PageSpeed Service makes mobile sites faster

Thursday, April 18, 2013

By Ram Ramani, Engineering ManagerPageSpeed ServicePrioritize Critical CSSDefer JavaScriptOptimize Imagesseveral rewritersTopNewsTodayNet1News61% faster68% fasterCheck outsigning uppage-speed-service-discuss@googlegroups.comRam Ramani is an Engineering Manager on the Make the Web Faster Team in Mountain View. He is a believer in "Faster is better".Posted by Scott Knaster, Editor

SiteGround, IISpeed and Google Chrome make the web faster with PageSpeed

Thursday, March 21, 2013

By Ilya Grigorik, Developer Advocate and Web Performance EngineerMake the Web FasterSiteGroundannounced mod_pagespeed supportSuperCacher plugin is the first and only plugin that fully integrates Google’s mod_pagespeed with cPanel. Simply put, mod_pagespeed speeds up your site and reduces page load time automatically, with no additional knowledge required on the users’ side. It also optimizes your website for mobile view and for better browser rendering.

advanced customizations

The We-AMP team has announced a beta release of IISpeed, which enables PageSpeed web content optimization within the Microsoft IIS web server. "IIS and ASP.NET are very popular technologies on the web, powering millions of websites, and we are excited to bring the full power of PageSpeed optimization to the Windows platform," said Otto van der Schaaf and Kees Spoelstra.

Thanks to open-source contributions, mod_pagespeed is now integrated with CPanel and WHM, an easy-to-use server control and management panel for web hosts and website owners.

Google Chrome has adapted PageSpeed to power the recently announced Chrome data compression proxy, which significantly reduces data usage and speeds up page load times on cellular networks.

PageSpeed siteIlya Grigorik is a Developer Advocate and Web Performance Engineer at Make the Web Faster.Posted by Scott Knaster, Editor

New mod_pagespeed: cache advances, progressive JPEGs

Wednesday, December 19, 2012

Bharath

Jan-Willem

Joshua

By Joshua Marantz, Jan-Willem Maessen, and Bharath Bhushan, PageSpeed Teamexploit browser cachingcanonicalize_javascript_librariesinsert_dns_prefetchYour web page loads faster when JQuery is preloaded in users' browsercanonicalize_javascript_librariesajax.googleapis.comcanonicalize_javascript_librariesResolving DNS entries early for critical assets saves hundreds of milliseconds

insert_dns_prefetch<link rel="dns-prefetch">

Scaling automatic web optimization with mod_pagespeed and memcached

Monday, November 12, 2012

By Jud Porter, Software Engineer, PageSpeed Teammod_pagespeedApache1.0 releasememcached

Improved CSS optimization. CSS media queries are now supported, and the new fallback_rewrite_css_urls filter allows partial optimization of CSS containing unsupported or proprietary extensions.

The default set of optimizers now includes the flatten_css_imports filter, improving out-of-the-box performance.

Improved mod_spdy interaction with support for custom mod_pagespeed configuration and filters for SPDY enabled clients. This makes it easier to deploy SPDY on your site, which can significantly decrease page load times.

release notesdocumentationissue trackerdiscussion groupJud Porter is a software engineer working on mod_pagespeed, an Apache module designed to automatically make websites faster. In his free time he enjoys experimenting with cocktails, brushing up on his foosball game, and discovering obscure music.Posted by Scott Knaster, Editor

Make the web faster with mod_pagespeed, now out of Beta

Wednesday, October 10, 2012

Ilya

Joshua

By Joshua Marantz and Ilya Grigorik, Google PageSpeed TeamCross-posted with Google Webmaster Central Blog and other Google blogsintroduced mod_pagespeed in 2010search rankingad quality scoresGoogle AnalyticsPageSpeed InsightsPageSpeed OptimizationPageSpeed Optimization Libraries Google Developers Live sessionmod_pagespeed product pageJoshua Marantz is the technical lead for mod_pagespeed. Ilya Grigorik is the Developer Advocate for Make the Web Fast.Posted by Scott Knaster, Editor

Lossless and Transparency Modes in WebP

Thursday, August 30, 2012

By Jyrki Alakuijala, WebP TeamAt Google, we are constantly looking at ways to make web pages load faster. One way to do this is by making web images smaller. This is especially important for mobile devices where smaller images save both bandwidth and battery life. Earlier this month, we released version 0.2 of the WebP library that adds support for lossless and transparency modes to compress images. This version provides CPU and memory performance comparable to or better than PNG, yet results in 26% smaller files.WebP’s improved compression comes from advanced techniques such as dedicated entropy codes for different color channels, exploiting 2D locality of backward reference distances and a color cache of recently used colors. This complements basic techniques such as dictionary coding, Huffman coding and color indexing transform. We think that we've only scratched the surface in improving compression. Our newly added support for alpha transparency with lossy images promises additional gains in this space, helping make WebP an efficient replacement for PNG.The new WebP modes are supported natively in the latest Beta version of Chrome. The bit stream specification for these new WebP modes has been finalized and the container specification has been updated. We thank the community for their valuable feedback and for helping us evolve WebP as a new image compression format for the web. We encourage you to try these new compression methods on your favorite set of images, check out the code, and continue to provide feedback. Dr. Jyrki Alakuijala is a Software Engineer with a special interest in data compression. He is a father of five daughters, and sings in the Finnish Choir in Zürich. Before joining Google, Jyrki worked in neurosurgical and radiotherapy development. Posted by Ashleigh Rentz, Editor Emerita

Turbocharging web sites with new PageSpeed Service optimizations

Thursday, August 2, 2012

Kishore

Rahul

By Rahul Bansal and Kishore Simbili, PageSpeed Teammake the web fasterPageSpeed Service

Make HTML cacheable. Typically, most web pages are not cached because they contain small amounts of personalized information or other non-cacheable data. This rewriter separates the non-cacheable portions from the HTML and enables caching for the rest of the content on PageSpeed servers. When the page is loaded, PageSpeed servers send the cacheable parts immediately while non-cacheable parts are fetched from the origin server & patched into the browser later.

Prioritize visible content rendering. Rendering of a modern web page requires several network resources, but not all of them are needed right away. This rewriter automatically determines and prioritizes the content that is above the fold of the browser, so that it doesn’t have to compete with the rest of the page.

Defer Javascript. JavaScript execution is deferred until page load so that it doesn’t block rendering of visible content.

Power Line

check it out hereherehereApp Engine users of PageSpeed ServiceRahul Bansal and Kishore Simbili are Software Engineers on Google’s PageSpeed Team in Bangalore, India, which is dedicated to making the web faster.Posted by Scott Knaster, Editor

Measure and optimize with mod_pagespeed experiments

Monday, July 30, 2012

By Jeff Kaufman, Software Engineer, PageSpeed Teamcache extensionimage optimizationcss inliningsupports A/B testsGoogle Analyticscustom variablepagespeed.confModPagespeedRunExperiment on ModPagespeedAnalyticsID "UA-XXXXXXXX-Y" # half the users get the pagespeed optimizations ModPagespeedExperimentSpec id=3;percent=50;default # half get an unoptimized site ModPagespeedExperimentSpec id=4;percent=50

experiment framework guideJeff Kaufman works on mod_pagespeed, an open-source Apache module that helps make the web faster, and is interested in experiment measurement. He also plays for contra dances, organizes other dances, and blogs about dancing, giving, and tech.Posted by Scott Knaster, Editor

EdgeCast Networks makes the web faster with Google’s mod_pagespeed

Tuesday, June 26, 2012

Hayes

Josh

by Joshua Marantz, Google PageSpeed Team, and Hayes Kim, EdgeCast NetworksPageSpeedmod_pagespeedEdgeCast Networkshas integratedGogotechthis video

comparative graph showing improvement with pagespeed

herehereJoshua Marantz is a Software Engineer on Google’s Pagespeed Automatic team in Cambridge, MA, which is dedicated to making the web faster for everyone. Josh has been working on making software run fast for several decades, at Google and before that on accelerated chip simulation.

Hayes Kim has over eleven years of product development and leadership experience in online advertising, e-commerce, web acceleration, and social media. At EdgeCast, Hayes manages the development of the core HTTP technology that powers the CDN and Application Delivery Network.Posted by Scott Knaster, Editor

SPDY performance on mobile networks

Tuesday, May 1, 2012

Michael

Ben

Matt

By Matt Welsh, Ben Greenstein, and Michael Piatek,
Mobile Web Performance Teamgreat deal of tractionmod_spdy moduleChrome for Androidmean page load time improvement of 23% across these sitesspeedup of 1.3x

the full articleMatt Welsh, Ben Greenstein, and Michael Piatek are software engineers on Google’s Mobile Web Performance Team based in Seattle. They are working to speed up mobile web performance globally, and as part of their jobs, they run up impressive mobile bandwidth bills every month.Posted by Scott Knaster, Editor

Add SPDY support to your Apache server with mod_spdy

Tuesday, April 17, 2012

Bryan

Matthew

By Matthew Steele and Bryan McQuade,
PageSpeed Insights TeamPageSpeedGoogle ChromeSPDY protocolInstalling mod_spdymod_spdy Debian or RPM packagecompile from source

The server and browser can compress HTTP headers, saving bytes on the network.

Multiple resource requests can be multiplexed over a single TCP connection, saving connections on the network.

The browser can request all page resources at once instead of a few at a time, which reduces the number of network round-trips needed between server and client.

How mod_spdy works in Apache

Download mod_spdymailing listopen-source projectMatthew Steele and Bryan McQuade are Software Engineers on the Google PageSpeed Insights Team in Cambridge, MA. When not working on mod_spdy, they focus on developing tools to help site owners understand how to speed up their sites.Posted by Scott Knaster, Editor

CSS: fast to load, easy to maintain

Thursday, March 29, 2012

Josh

Matt

By Matt Atterbury and Joshua Marantz, Pagespeed Automatic Team@import@import@import@importserial@import

mod_pagespeed 0.10.21.2flatten_css_imports

child themes@importsdownload mod_pagespeedour code siteMatt Atterbury and Joshua Marantz are Software Engineers on Google’s Pagespeed Automatic team in Cambridge, MA, which is dedicated to making the web faster for everyone. When not coding, Matt is probably on his bike. Josh has been working on making software run fast for several decades, at Google and before that on accelerated chip simulation.Posted by Scott Knaster, Editor

Introducing Page Speed mobile analysis, on Google Chrome for Android

Thursday, March 8, 2012

Matthew

Libo

By Libo Song and Matthew Hillyard, Software EngineersPage Speed for ChromeChrome for Android

Follow the instructions to install the Page Speed for Chrome extension on your desktop Chrome browser.

Enable remote debugging in Chrome running on your Android device.

Navigate to the remote Chrome Developer Tools page in your desktop browser (localhost:9222) .

Select one of the Chrome tabs running on your Android device.

Run Page Speed

discussion listGoogle I/O talk on Page Speed performance best practices for mobile web sitesLibo Song is a software engineer at Google Boston working on the Page Speed team to make the web faster.Matthew Hillyard worked on the Page Speed team as an intern. He has since graduated with a Master’s degree in computer science from Johns Hopkins University and currently is a software engineer on the Google+ team.Posted by Scott Knaster, Editor

Fridaygram: faster web, stronger machines, prettier planet

Friday, January 27, 2012

By Scott Knaster, Google Code Blog Editormaking TCP fasterblogged about SPDYspeedyHTTPbis Working Groupsupport for SPDY in a public postMake the Web Faster sitearticles on compression, caching, metrics, and moretools for measuring and optimizing pagesdiscussion forums for communicating with other interested folksstudying the yellow fattail scorpionNASA’s latest "Blue Marble" imagesLet’s say this fast: Fridaygram posts are just for fun. Fridaygrams are designed for your Friday afternoon and weekend enjoyment. Each Fridaygram item must pass only one test: it has to be interesting to us nerds. That definitely includes speed, space, and scorpions.

Mar	APR	May
	27
2018	2019	2020