Facebook Media

Best Practices to Improve Mobile Site Performance

By Jiayi Wen, Engineer, and Shengbo Guo, Engineer

People are spending more and more time on mobile, but when websites are not optimized for mobile and people have to wait too long for a webpage to load, they’re more likely to abandon the page all together.

Today we announced an upcoming update to News Feed to show people more stories that will load quickly on mobile and fewer stories that might take longer to load. We anticipate that most Pages won’t see any significant changes to their distribution in News Feed, but Pages whose webpages are particularly slow could see slight drops in referral traffic.

To help provide a better experience for everyone on Facebook, we’re sharing tips to help site owners make their site faster and more mobile-friendly.

Publishers can take steps to improve website load time

Mobile site load time may be impacted by a number of factors, including quality of connectivity, your content delivery network, website server, redirects or plugins used, and whether your site is optimized for mobile. Any of these variables may result in a drop-off between clicking on a link and viewing a fully loaded site.

There are a number of things publishers can do to help ensure the best possible mobile experience for people.

1. Evaluate and get suggested improvements for mobile site performance

If you are a site owner, you can use the following free tools to evaluate and receive suggested improvements for your mobile site performance:

  1. Page Speed, an open source Firefox/Firebug add-on that evaluates the performance of web pages and gives suggestions for improvement
  2. YSlow, a free tool from Yahoo! that suggests ways to improve website speed
  3. WebPagetest, shows a waterfall view of your pages’ load performance plus an optimization checklist.
  4. PageSpeed Insights, a free tool from Google that analyzes the content of a web page, then generates suggestions to make that page faster.
  5. Dotcom-monitor: Offers 23 different locations and seven different browsers in which you can run your website speed test.

2. Make changes to improve mobile site load time

Optimizing for mobile can help improve loading times. There are a number of established industry best practices that we’ve rounded up for you here:

10 Speed Best Practices

  1. Minimize landing page redirects, plugins, and link shorteners
  2. Compress files to decrease mobile rendering time
  3. Improve server response time by utilizing multi region hosting
  4. Remove render-blocking javascript
  5. Use a high-quality content delivery network to reach your audience quickly
  6. Remove redundant data that does not impact how the page is processed by the browser
  7. Optimize images to reduce file size without diminishing visual quality
  8. Reduce the size of above the fold content to prioritize visual content
  9. Use asynchronous scripts to streamline page render time
  10. Dynamically adjust the content for slower connections/devices

We will continue to invest in improving mobile experience to provide value for both people and businesses on Facebook.