Używaj skryptów asynchronicznych

Ta reguła uruchamia się, gdy PageSpeed Insights wykryje stosowanie synchronicznej wersji skryptu zamiast asynchronicznej.

Omówienie

Dzięki skryptom asynchronicznym strona może się szybciej renderować. Nie każesz wtedy użytkownikom czekać na wyświetlenie strony do zakończenia pobierania skryptu, bo skrypt pobiera się w tle.

Chociaż większość skryptów pierwotnie była synchroniczna, ich nowsze, przeprojektowane wersje wczytują się już asynchronicznie.

Zalecenia

Upewnij się, że korzystasz z asynchronicznej wersji skryptu. Te popularne skrypty obsługują wczytywanie asynchroniczne:

  • BuySellAds (s3.buysellads.com/ac/bsa.js): post na blogudomyślnie asynchroniczny
  • ChartBeat (static.chartbeat.com/js/chartbeat.js): dokument, post na blogudomyślnie asynchroniczny
  • Clicky (static.getclicky.com/js): post na blogu
  • Disqus (disqus.com/count.js, disqus.com/embed.js): dokument, post na blogudomyślnie asynchroniczny
  • Facebook (connect.facebook.net/.../all.js): dokument, post na blogudomyślnie asynchroniczny
  • Google AdSense (pagead2.googlesyndication.com/pagead/show_ads.js): dokument, post na blogu
  • Google Analytics (google-analytics.com/ga.js): dokument, post na blogudomyślnie asynchroniczny
  • Google DFP GPT (www.googletagservices.com/tag/js/gpt.js): dokument
  • Google Plus (apis.google.com/js/plusone.js): dokument, post na blogu
  • New Relic (d7p9czrvs14ne.cloudfront.net/11/eum/rum.js): dokumentdomyślnie asynchroniczny
  • Pinterest (assets.pinterest.com/js/pinit.js): dokument
  • Shareaholic: dokumentdomyślnie asynchroniczny
  • ShareThis (w.sharethis.com/button/buttons.js): dokument
  • ScorecardResearch/Comscore (b.scorecardresearch.com/beacon.js): dokumentdomyślnie asynchroniczny
  • StumbleUpon (platform.stumbleupon.com/.../widgets.js)
  • Quantcast (quantserve.com/quant.js): dokumentdomyślnie asynchroniczny
  • Twitter (platform.twitter.com/widgets.js): dokumentdomyślnie asynchroniczny
  • Tynt (cdn.tynt.com/tc.js)
  • Yandex (mc.yandex.ru/metrika/watch.js)