Panimula: Google Pagespeed & CSS / JS Aggregation.

Binago ng Google ang kanilang sistema ng pagraranggo ng search engine nang nakaraang mga taon upang pabor sa mga pananaw sa mobile at tumuon sa bilis ng pag-load ng pahina sa mga papasok na dami ng link o mga halaga ng domain. Kasama nito ang priyoridad ng paghahanap para sa mga website na may madalas na na-update na mga post ng nilalaman ng nilalaman.


Mga Pahina ng Google nagpapahintulot sa mga publisher ng web na magpatakbo ng mga analytics sa kanilang Drupal CMS mga pahina upang makita kung paano sila puntos sa pagsubok. Tumutulong ang Tutorial na ito sa mga Drupal web publisher na mag-optimize ng mga setting ng caching ng pahina & i-compress ang mga file ng imahe upang mapabuti Mga Pahina ng Google mga marka ng pagsubok.

Hayaan’s makapagsimula.

Hakbang Una: Patakbuhin ang Mga Pagsubok sa Mga Pahina ng Google.

  • Upang simulan ang Mga Pahina ng Google pag-optimize ng a Drupal CMS website, mag-navigate sa site ng pagsubok sa Google: https://developers.google.com/speed/pagespeed/insights/
  • Ipasok ang URL ng anumang tanyag na pahina sa isang website ng Drupal, tulad ng isang landing page, homepage, post sa blog, artikulo, post ng forum, o profile ng gumagamit.
  • Itala ang paunang Mga Pahina ng Google puntos para sa Desktop & Mga pagtingin sa mobile.
  • Suriin ang mga mensahe ng error upang makita kung ano ang kailangang itakda sa CMS upang mapabuti ang mga marka.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Mga Resulta: Ang Google ay madalas na nagbibigay ng mga error sa mga website ng Drupal para sa hindi tamang CSS & Ang pagsasama-sama ng JavaScript, mga hindi naka-compress na mga file ng imahe, at mga file ng JavaScript na hindi naka-cache ng lokal.

Sa pangkalahatan, natanggap namin ang mga sumusunod na marka:

Mobile: Pag-optimize – Medium: 76/100 – na may mga rekomendasyon sa:

  • Tanggalin ang render-block ang JavaScript at CSS sa nasa itaas-the-fold na nilalaman
  • Paganahin ang compression
  • I-optimize ang mga imahe

Desktop: Pag-optimize – Mabuti: 85/100 – na may mga rekomendasyon sa:

  • I-optimize ang mga imahe
  • Tanggalin ang render-block ang JavaScript at CSS sa nasa itaas-the-fold na nilalaman
  • Paganahin ang compression
  • Paliitin ang HTML

Inihanda namin ang sumusunod na tutorial upang idokumento ang pinakamahusay na paraan upang malutas Mga Pahina ng Google mga mensahe ng error sa Drupal 8 pag-install ng web hosting.

Paano Malutas ang mga isyung ito ?: Sundin ang kasunod na mga hakbang upang ayusin ang mga pinaka-karaniwang error sa isang website ng Drupal Mga Pahina ng Google mga pagsubok.

Hakbang Dalawang: I-install & Paganahin ang Advanced CSS / JS Aggregation (Adv_Agg) Module.

Karamihan sa CSS & Mga error sa compression ng JavaScript Mga Pahina ng Google maaaring maiwasto sa pamamagitan ng pag-upgrade mula sa Drupal 8’s pangunahing sistema ng caching ng web page sa Advanced na CSS / JS Aggregation (Adv_Agg) modyul.

Advanced na CSS / JS Aggregation ay nagbibigay ng mga setting ng web publisher ng maraming mga setting ng administrasyon para sa CSS & Ang compression ng JavaScript na kailangang itakda nang isa-isa sa isang website.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Pagkatapos i-install & paganahin ang module nang normal (operating sa Maintenance Mode), Inirerekumenda na i-on ang mga sumusunod na setting sa seksyon ng admin:

Pagganap (/ admin / config / pag-unlad / pagganap):

  • Pinagsama ang mga file ng CSS
  • Pinagsama ang mga file ng JavaScript

Matapos na-configure ang mga setting na ito & nai-save, maaaring gamitin ang mga admin ng Drupal Adv_Agg’s suite ng CSS / JavaScript mga tool ng compression upang makatanggap ng mas mahusay Mga Pahina ng Google mga marka.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Mga setting: Paganahin ang Adv_agg suite ng mga module sa admin / modules & pagkatapos ay magsimulang bumuo ng mas advanced CSS / JS mga pakete ng compression para sa pinahusay na cache ng file / page.

Opsyonal: I-install ang Minify JS / HTML para sa Mas Mabilis na Compression & Mas maliit na Mga Laki ng File.

Para sa Drupal Administrator na mas gusto ang ibang pagpipilian Adv_Agg’s pagpipilian ng compression ng JavaScript, pag-install ng Paliitin ang JS & Paliitin ang Source HTML ang mga module ay isa pang pagpipilian.

Paliitin ang JS & Paliitin ang Source HTML palitan ang lahat ng mga JavaScript sa Drupal 8 Ang core na may mahusay na mga naka-compress na bersyon na maaaring tumagal ng pagproseso ng pilay ng Adv_Agg mga kinakailangan sa paggawa. Ang naka-compress na output ng HTML ay naka-cache para sa mga hindi nagpapakilalang gumagamit & mas mabuti Mga Pahina ng Google mga marka.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Mga Setting ng Pag-install:Paliitin ang JS & Paliitin ang Source HTML gagana sa Adv_Agg ngunit kailangang ma-enable nang partikular para sa JavaScript & HTML compression bilang isang pagpipilian sa pagsasaayos.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Tandaan:Paliitin ang JS ay may file archive na nagpapahintulot sa mga admin na mag-scan at pamahalaan JavaScript mga file upang ma-optimize ang compression at pagiging tugma sa pag-publish ng mga naka-cache na file sa paggawa.

Hakbang Tatlong: I-configure ang Mga Setting ng Compression ng CSS / JavaScript.

Sapagkat bawat tema & pagsasaayos ng module na may a Drupal 8 Ang site ay natatangi, ang mga web publisher ay kailangang mag-eksperimento sa Advanced na CSS / JS Aggregation (Adv_Agg) mga setting upang mahanap ang antas ng CSS / JavaScript compression na hahantong sa pinakamaraming mga nakuha sa Mga Pahina ng Google mga marka.

Mga setting: Mag-navigate sa Pagganap seksyon ng Pag-configure menu area sa Drupal 8 pangangasiwa & pansinin ang mga bagong tab para sa Adv_Agg tampok..

Paano i-optimize ang Drupal para sa Google Pagespeed?

Ang ilan sa mga setting ng pagsasaayos upang suriin para sa na-optimize HTML & JavaScript ang compression ay:

  • Paganahin ang advanced na pagsasama-sama
  • Gumamit ng DNS Prefetch para sa panlabas na CSS / JS.
  • Mga Setting ng AdvAgg Cache: Normal
  • Mga asset ng Gzip CSS
  • Mga asset ng Gzip JavaScript
  • CSS: Ayusin ang hindi tamang uri ng itinakda
  • JS: Ayusin ang hindi tamang uri ng itinakda

Tandaan na ang module ng CDN ay maaaring i-off para sa karamihan ng mga gumagamit. Gumamit ng Core o YUI para sa CSS minification at JSqueeze o JSMin para sa compression ng JavaScript.

Bilang karagdagan:

  • Paganahin ang preprocess sa lahat ng JS
  • Paganahin ang preprocess sa lahat ng CSS

Pagkatapos ay i-save ang mga setting. Ang natitirang mga halaga ay maaaring manatili sa default.

Pahiwatig: Tandaan na limasin ang Drupal Cache upang mabagong muli ang mga bagong bersyon ng mga file ng CSS / JavaScript para sa Mga Pahina ng Google pagsubok.

Hakbang Apat: I-compress ang mga File ng Larawan – Manu-manong o Command Line.

Ang iba pang mga pinaka-karaniwang error na nakatagpo sa Mga Pahina ng Google nagsasangkot ng compression ng imahe. Drupal 8 maaaring kailanganin ang mga publisher upang mag-download ng mga file mula sa kanilang tema at gumamit ng isang utility compression utility tulad ng RIOT upang lumikha ng mga bagong bersyon ng mga file. Ito ay mapabuti Mga Pahina ng Google mga resulta & dapat ding gawin para sa naka-embed na mga file ng imahe sa mga blog, artikulo, forum, atbp.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Isang Screenshot ng RIOT desktop software para sa pag-compress ng imahe ng JPG / PNG. RIOT nai-save ang 100 kb o sa paligid ng laki ng file ay nagpapatupad ng mas mahusay na mga algorithm ng compression para sa parehong file Adobe Photoshop mga default. Gamit ang solusyon na ito ang mga gumagamit ay kailangang mag-upload nang manu-mano nang mga file.

Ang isa pang pagpipilian ay ang pagpapatupad ng isang utility na malawak na compression ng imahe na umaasa sa pagproseso ng tagiliran ng server upang mahusay na i-compress ang lahat ng mga imahe sa isang website. Pagpapatakbo ng Apache pagpapalawig Google mod_Pagespeed ay isang pagpipilian para sa mga web publisher sa ilang mga plano sa server ng Linux.

I-optimize ang ImageAPI ay isang solusyon sa server na sumusuporta sa mga binary processors, reSmush.it, o TinyPNG para sa compression ng imahe na may mga module ng third-party na plugin. Dapat suportahan ng mga Binary processors ang AdvDef, AdvPng, JfifRemove, JpegOptim, JpegTran, OptiPng, PngCrush, PngOut, & Ang mga utos ng PngQuant, na kadalasang hindi posible sa mga nakabahaging mga naka-host na kapaligiran.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Pag-install: Lumikha ng isang bagong Pipeline ng Imahe reSmushIt bilang engine ng compression.

Pahiwatig: Dahil Drupal 8 ang mga file ng cache na nabuo bilang mga thumbnail na nauugnay sa mga imahe, pinakamahusay na kasanayan ay umasa sa isang solusyon sa server na maaaring awtomatikong pamahalaan.

Hakbang Limang: Cache Remote JavaScript Files Lokal.

Mga Pahina ng Google watawat din ang mga pagsubok Drupal 8 mga website upang cache ang mga file ng JavaScript nang lokal para sa mas mahusay na bilis ng pag-load ng pahina. Ang Advanced na CSS / JS Aggregation (Adv_Agg) module ay may isang setting para sa kung saan awtomatikong paganahin ang caching.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Mga setting: Ang mga pagpipiliang ito ay maaari ring i-on Adv_Agg para sa mas mabilis na pag-load ng pahina.

  • Ilipat ang lahat ng mga panlabas na script sa tuktok ng pagkakasunud-sunod ng pagpapatupad
  • Ilipat ang lahat ng kondisyong browser sa JavaScript sa ilalim ng pangkat

Mga font ng web, mga malayuang mga file ng API, & Ang mga script ng Google Analytics ay lahat ay iminungkahi Mga Pahina ng Google mga pagsubok para sa lokal na caching. Pinapayagan ang pagpapagana ng setting na ito Adv_Agg upang maipatupad ang mas mahusay na pangkalahatang compression & load ang pag-optimize ng mga file para sa mga naka-cache na pahina sa paggawa, na maaaring maging mahalaga para sa mataas na trapiko Drupal 8 mga site.

Opsyonal: I-load ang CSS / JavaScript Files Asynchronously.

Mga Pahina ng Google ang mga pagsusuri ay maaari ring magmungkahi na Drupal 8 ang mga publisher ay naglo-load ng kanilang CSS & Ang JavaScript file asynchronously para sa mas mahusay na bilis ng pag-load ng pahina. Pinapagana ng mga administrator ang mga setting na ito Adv_Agg at pagsubok upang makita kung aling kumbinasyon ang pinakamahusay na gumagana sa kanilang tema.

Paano i-optimize ang Drupal para sa Google Pagespeed?

Tandaan: Kailangang subukan ang mga nag-develop Tema mga view para sa lahat ng mga laki ng aparato gamit ang Advanced na CSS / JS Aggregation module, bilang salungatan ay maaaring umusbong sa pagitan ng iba’t ibang mga script kapag nai-compress.

Mataas na Pagganap: Magdagdag ng Higit pang Pahina Caching & Solusyon ng CDN.

Ang mga gumagamit ng mataas na pagganap na nangangailangan ng mas mahusay na bilis mula sa kanilang mga website ng Drupal upang pamahalaan ang mga malalaking komunidad ng gumagamit sa arkitektura ng web server ay maaaring magdagdag ng iba pang pahina ng caching, database caching, & Ang mga solusyon sa cache ng PHP kapwa sa pamamagitan ng mga module at pasadyang mga pagsasaayos ng web server.

Kasama sa inirerekumendang mga solusyon sa server ang: Na-memorize, APC, OPcache, HHVM, Redis, NGINX, Varnish Cache, & propesyonal na mga serbisyo sa CDN. Isang minimum lamang nito ang maaaring mai-install sa isang nakabahaging plano sa pagho-host. Mag-upgrade sa a Pag-host ng VPS plano na idagdag ang mga tampok na tampok na pagganap ng mataas na pagganap sa isang Drupal CMS isalansan o tumakbo sa mga platform ng ulap na may mga disk snapshot.

Ibinahagi ang mga gumagamit ng nagho-host na tumatakbo sa Drupal nang walang kakayahang mag-install ng mga extension sa gilid ng server ay maaaring isaalang-alang ang pag-install ng Palakasin (Drupal 7) module para sa mas advanced na HTML caching ng mga web page sa mga hindi nagpapakilalang gumagamit na maaaring mapabilis ang bilis ng pahina.

Paano i-optimize ang Drupal para sa Google Pagespeed?

I-browse ang Payo sa Host tutorial archive sa Mga Solusyon sa Drupal upang makahanap ng higit pa “Paano” mga artikulo sa mga advanced na cache solution para sa Drupal 8. Cloudflare CDN ang pagsasama ay isang tanyag na pagpipilian para sa Ibinahagi ang Linux & cPanel pag-host ng mga gumagamit ng plano upang mapagbuti ang mga bilis ng pagtugon sa mababang site.

Buod: Pag-cache ng Pahina, Compression ng Imahe, & CSS / JavaScript Aggregation para sa Drupal 8 Mga Website.

Pagtatatag ng mga patakaran sa caching ng pahina para sa Drupal 8 mga website pati na rin Advanced na CSS / JavaScript Aggregation mga setting para sa Mga Tema ay hahantong sa malawak na pinabuting Mga Pahina ng Google mga marka ng pagsubok para sa mga publisher. Ang isang komprehensibong patakaran ng compression ng imahe ay kailangang maitatag ng mga blogger, news media, e-commerce site, & mga social network gamit ang Drupal upang ma-optimize ang mga mapagkukunan ng pagproseso na magagamit sa CMS sa paggawa. Ang mga mataas na website ng trapiko ay kailangang magpatupad ng mas advanced na mga diskarte sa caching tulad NGINX, Varnish Cache, o Redis, habang ang mga maliliit na site ay maaaring mahanap ang mga ito bilang bahagi ng mga plano ng PaaS sa ibinahaging mga account sa pagho-host ng cloud na may premium, low-density server hardware. Ang pag-cache ng CDN sa mga lokal na merkado ng rehiyon ay magbibigay ng pinakamabilis na bilis ng pag-load ng pahina.

Konklusyon:

Dumaan sa mga hakbang na ito upang gawin ang mga pagbabago sa iyong Drupal 8 site, pagkatapos ay muling kunin ang Mga Pahina ng Google mga pagsusuri at makita ang pagpapabuti sa mga marka ng pagganap.

Suriin ang mga nangungunang 3 Drupal na serbisyo ng pagho-host:

ChemiCloud

Panimulang presyo:
$ 2.76


Kahusayan
10


Pagpepresyo
9.9


Friendly ng Gumagamit
9.9


Suporta
10


Mga Tampok
9.9

Basahin ang mga review

Bisitahin ang ChemiCloud

Hostinger

Panimulang presyo:
$ 0.99


Kahusayan
9.3


Pagpepresyo
9.3


Friendly ng Gumagamit
9.4


Suporta
9.4


Mga Tampok
9.2

Basahin ang mga review

Bisitahin ang Hostinger

A2 Hosting

Panimulang presyo:
$ 3.92


Kahusayan
9.3


Pagpepresyo
9.0


Friendly ng Gumagamit
9.3


Suporta
9.3


Mga Tampok
9.3

Basahin ang mga review

Bisitahin ang A2 Hosting

Kaugnay na Mga Artikulo Paano-Sa

  • Paano Mag-host ng Drupal 8 Mga Website sa Redis sa Mga Plano ng VPS
    nasa pagitan
  • Paano i-optimize ang Drupal 8 Caching sa APC sa cPanel Hosting
    nasa pagitan
  • Paano Mag-host ng Drupal 8 Mga Website sa Varnish Cache sa Mga Plano ng VPS
    nasa pagitan
  • Paano Gamitin ang I-encrypt ng SSL Certificates kasama ang Drupal 8
    nasa pagitan
  • Paano Ipasadya ang Welcome Email sa Drupal 8
    newbie
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me