Mga Pananaw Ng Google Pagespeed: Malutas Ang Mga Isyu At Maging Green

Ang Google PageSpeed ​​Insight [1] ay isang mahusay na tool upang makita kung paano gumanap ang iyong website. Kung sakaling nakakuha ka ng isang hindi magandang marka, narito ang isang serye ng mga artikulo na madaling ipatupad ang mga solusyon upang malutas ang karamihan sa mga isyu.


Pag-optimize sa Google PageSpeed

Ang Google PageSpeed ​​Insight [1] ay isang mahusay na tool upang makita kung paano gumanap ang iyong website. Kung sakaling nakakuha ka ng isang hindi magandang marka, narito ang isang serye ng mga artikulo na madaling ipatupad ang mga solusyon upang malutas ang karamihan sa mga isyu.

Mga Pananaw ng Pahina ng Google

Pinayagan ako nitong magpunta berde sa Google PageSpeed ​​Insights [1], umakyat mula sa isang marka ng 17 sa mobile (Larawan 1) hanggang 89 (Larawan 14), at pataas mula 35 (Larawan 3) hanggang 89 sa desktop (Fig 16 ).

Gayunpaman, mayroong kahit isang paraan upang makakuha ng berde nang hindi kinakailangang ipatupad ang iyong sarili, sa pamamagitan ng paggamit ng Ezoic platform Site Speed ​​Accelerator, isang tool na gagawin ang lahat ng mga pag-optimize para sa iyo: tingnan ang sa ibaba at sundin ang gabay!

Hakbang 1: i-optimize ang mga imahe para sa web

Pinahintulutan ako na ipasa ang Google PageSpeed ​​[1] pagsubok I-optimize ang mga imahe [2] sa isang website, na bumabangon mula sa marka ng 17 sa mobile (Fig 1) hanggang 51 (Larawan 2), at mula 35 (Fig 3) 59 sa desktop (Larawan 4).

I-optimize ang Mga Larawan PageSpeed ​​Insight Mga Nag-develop ng Google

Hakbang 2: CSS at pag-optimize ng javascript

Tanggalin ang pag-block ng pag-block ng JavaScript at CSS sa nasa itaas na nilalaman.

Pinahintulutan ako na ipasa ang Google PageSpeed ​​[1] pagsubok Tanggalin ang pag-block ng JavaScript at CSS sa nilalaman na nasa itaas na bahagi (kasama ang pag-cache ng Pag-cache ng browser) sa isang website, na bumabangon mula sa iskor na 51 sa mobile ( Guhit 5) hanggang 72 (Guhit 6), at mula 59 (Guhit 7) hanggang 79 sa desktop (Larawan 8).

Hakbang 3: paganahin ang cache ng web browser

Pinahintulutan ang pag-cache ng pag-cache ng browser na ipasa ako sa Google PageSpeed ​​[1] pagsubok Pag-cache ng cache ng browser (kasama ang Tanggalin ang pag-block ng JavaScript at CSS sa nasa itaas na nilalaman) [4] sa isang website, ng 51 sa mobile (Fig 9) hanggang 72 (Fig 10), at mula 59 (Lar 11) hanggang 79 sa desktop (Fig 12).

Leverage Pag-cache ng Browser PageSpeed ​​Insight Mga Nag-develop ng Google

Hakbang 4: Paganahin ang htaccess ng compression

Ang pagpapagana ng compression sa htaccess ay nagpapahintulot sa akin na ipasa ang Google PageSpeed ​​[1] test Leverage browser caching [7] sa isang website, na bumabangon mula sa iskor na 72 sa mobile (Fig 13) hanggang 89 (Fig 14), at mula 79 Fig. 15) hanggang 89 sa desktop (Larawan 16).

Pag-optimize ng pag-encode at paglipat ng laki ng mga asset na nakabatay sa text - Web Fundamentals

Pagkuha ng berde sa tool ng PageSpeed ​​Insights ng Google gamit ang Site Speed ​​Accelerator

Matapos makabalik sa isang napakahirap na pulang marka ng 18 sa mobile at 29 sa desktop sa marka ng PageSpeed ​​Insights Google, nalaman ko ang kamangha-manghang tool na iyon na Site Speed ​​Accelerator at ginagawa ang lahat ng mga pag-optimize para sa akin, sa pamamagitan lamang ng pag-click sa isang pindutan, pagkatapos na mai-configure ang aking website upang magamit ang kanilang DNS, na nagpapahintulot sa kanila na i-render ang aking site sa ngalan ko, at i-optimize ito pansamantala.

Ganito ito gumagana: kapag ang isang gumagamit ay humiling na kumuha ng isang pahina mula sa aking website, tinanong niya nang direkta ang aking server kung alin ang  pinakamahusay na murang web hosting   upang maihatid sa kanya ang code ng pahina na iyon. Ipinadala ito ng server ko sa kanya. Iyon ang karaniwang paraan ng pagtatrabaho.

Master Website Paglikha: Mag -enrol Ngayon!

Ibahin ang anyo ng iyong digital na presensya sa aming komprehensibong kurso sa paglikha ng website - simulan ang iyong paglalakbay sa pagiging isang dalubhasa sa web ngayon!

Mag -enrol dito

Ibahin ang anyo ng iyong digital na presensya sa aming komprehensibong kurso sa paglikha ng website - simulan ang iyong paglalakbay sa pagiging isang dalubhasa sa web ngayon!

Gayunpaman, gamit ang isang panlabas na DNS, hihilingin ng gumagamit ang DNS na makuha ang web page mula sa aking server para sa kanya, at ipapadala ng aking server ang code ng mapagkukunan ng pahina ng Web sa tagapamagitan na DNS, na makakabago ng code, at din upang i-cache ito at iimbak ito sa iba't ibang lugar sa Earth upang maipadala ito nang mas mabilis, at i-optimize ito upang maihatid ang isang mas mahusay na pahina ng Web sa gumagamit.

Iyon ang paraan upang ma-optimize ng Ezoic Site Speed ​​Accelerator ang aking mga pahina sa Web at idirekta ito nang direkta sa gumagamit na may mas mahusay na marka kaysa sa makukuha ko ang aking sarili, tingnan mo sa iyong sarili kung paano, sa pamamagitan lamang ng pag-aktibo ng mga pagpipilian para sa aking website, nagmula ako sa isang marka ng 18 sa mobile sa isang berdeng iskor na 90, at mula sa isang pulang marka ng 29 sa desktop hanggang sa isang berdeng iskor na ... 99!

Ang listahan ng pag-optimize na inaalok ng Site Speed ​​Accelerator ay ang mga sumusunod, at patuloy na nai-update sa mga bagong pag-optimize sa website na makakakuha ng berdeng marka sa Google ng PageSpeed ​​Insights:

  1. Ang pag-optimize ng CSS, na may unang kritikal na nai-render na CSS, hindi naipadala ang hindi nagamit na CSS, o na-optimize na mga font,
  2. Ang pag-optimize ng mga imahe, kasama ang mga larawang tamad na paglo-load, format ng susunod na henerasyon na ginamit ang Webp, awtomatikong nagbago ang mga imahe, at na-preload ang mga imahe sa background,
  3. Patakaran sa static na pag-cache ng asset, na magsasabi sa mga browser na i-cache ang iyong mga imahe, styleheet, at script,
  4. Awtomatikong paglikha ng paunang pagkonekta sa mga tagubilin sa pinagmulan para sa mga browser,
  5. Pagliit ng HTML na may iba't ibang mga pagpipilian upang mapanatili o maitago ang mga komento sa HTML, mga end tag, mga panipi, o whitespaces,
  6. Ang pag-optimize sa pagpapatupad ng script na may posibilidad na maantala ang mga script, maantala ang mga ad, at mabawasan ang mga masinsinang gawain ng CPU,
  7. Awtomatikong Iframes tamad na paglo-load.

Siyempre, magagawa mong anumang oras upang maisaaktibo o ihinto ang anuman sa mga pag-optimize na ito, at maiayos ang iyong mga setting upang mahanap ang mga pagpipilian sa Speed ​​Speed ​​Accelerator na magbibigay sa iyo ng pinakamahusay na mga resulta.

Upang makuha ito, magsimula sa pamamagitan ng paglikha ng isang account sa Ezoic platform at pagkatapos ay isasama ang iyong website sa pamamagitan ng paggamit ng Ezoic DNS. Maaari mo ring i-configure ang mga tampok at maging berde!

Bukod dito, kung kwalipikado ang iyong website (kailangan nito halimbawa ng magkaroon ng higit sa 10k natatanging mga bisita sa isang buwan, at upang magkaroon ng natatanging nilalaman), maaari mo ring taasan ang iyong mga rate ng CPM at samakatuwid ang iyong mga kita sa pamamagitan ng pagpapatupad ng kanilang kamangha-manghang Ezoic pamamagitan ng sistema ng AdExchange.

Ang Site Speed ​​Accelerator ay libre pa rin para sa isang 30 araw na pagsubok, walang kinakailangang credit card, at pagkatapos nito ay nagkakahalaga ng ibang halaga depende sa iyong trapiko. Maaari itong maging libre kung gagamitin mo ang Ezoic mediation system at kumita ng higit sa $ 2000 bawat buwan sa kanila!

Hunyo 2021 EDIT: Bilang ng Hunyo 2021, wala nang limitasyon ng pagtingin sa pahina na sumali sa EZOIC sa pamamagitan ng kanilang programang AccessNow, at ang sitespeedaccelerator ay pinalitan ng bago at pinahusay na produkto, ezoic leap, na may higit pang mga pag-optimize ng site na magagamit, at ay ganap na libre para sa lahat ng mga publisher!

Mga madalas na tinatanong tungkol sa Mga Pananaw sa Bilis ng Google Page at mga sagot:

Mahalaga ba ang Google PageSpeed?
Habang ang Google PageSpeed ​​ay hindi ang pinakamahalaga sa mga tuntunin ng pagraranggo ng website, maaari itong makaapekto sa rate ng bounce. Karaniwan ang mga bisita ay hindi naghihintay ng higit sa ilang segundo para ma-load ang isang pahina bago umalis.
Naaapektuhan ba ng PageSpeed ​​ang SEO?
Tingnan sa itaas - maaaring hindi ito malaki ang mababago para sa pagraranggo ng website, ngunit maaari itong makaapekto sa rate ng bounce.
Ano ang isang magandang oras ng pag-load ng pahina?
Ang isang mahusay na oras ng pag-load ng pahina ay mas mababa sa isang segundo.
Paano ko madaragdagan ang bilis ng pahina ng Google?
Maaari mong dagdagan ang marka ng iyong Google PageSpeed ​​Insights alinman sa mano-mano sa pamamagitan ng pagpapatupad ng lahat ng posibleng mga pag-optimize sa website, o sa pamamagitan ng paggamit ng Site Speed ​​Accelerator‌ na gagawin ang lahat sa iyong ngalan.
Paano ko madaragdagan ang oras ng pag-load ng aking website?
Maaari mong dagdagan ang oras ng pag-load ng iyong website sa pamamagitan ng pagbawas sa haba ng nilalaman, pag-alis ng hindi nagamit na HTML, CSS at JS, pagliit ng lahat ng mga file, at paggamit ng mga serbisyo sa cache at CDN - o sa pamamagitan ng paggamit ng isang Site Speed ​​Accelerator‌ na magagawa ang lahat para sa iyo.
Pinaparusahan ba ng Google ang mabagal na mga site?
Mukhang hindi pinarusahan ng Google ang mabagal na mga site, gayunpaman, kung masyadong mahaba ang paglo-load ng nilalaman, hindi nito ma-parse at ma-ranggo ang mga web page.
Paano mo madaragdagan ang oras ng buong karga?
Maaari mong dagdagan ang oras ng buong pagkarga ng isang web page sa pamamagitan ng pagbawas ng nilalaman sa HTML (tinatawag ding haba ng DOM), ginamit ang CSS at JS, at iba pang mga plugin.
Paano ko madaragdagan ang bilis ng aking landing page?
Taasan ang bilis ng iyong landing page sa pamamagitan ng pagpapatupad ng cache, paggamit ng isang CDN, isang Site Speed ​​Accelerator‌ at pagpapatupad ng lahat ng mga pinakamahusay na kasanayan sa Web.
Ano ang magandang marka sa Bilis ng Google Page?
Ang marka ng Google Google Speed ​​Speed ​​ay higit sa 90.
Ano ang isang mahusay na bilis ng pag-load ng pahina?
Ang isang mahusay na bilis ng pag-load ng pahina ng Web ay mas mababa sa isang segundo.
Gaano kabilis dapat mag-load ang isang website ng 2020?
Ang isang website ay dapat na mag-load nang mas mababa sa isang segundo sa 2020.
Ano ang isang magandang bounce rate?
Ang isang mahusay na rate ng bounce ay anumang halaga sa ibaba ng isang daang, nangangahulugang ang ilang mga gumagamit ay mananatili sa iyong site. Nasa ibaba ang 50 ay kamangha-mangha.
Bakit ang bagal ng mga site ng Google?
Ang mga site ng Google ay maaaring maging mabagal dahil sa iyong koneksyon sa Internet o pagpapatakbo ng mga programa at app sa computer. Isaalang-alang ang  pagpili ng isang VPN   upang madagdagan ang bilis ng iyong koneksyon.
Paano ko madaragdagan ang bilis ng aking pahina sa Google?
Bawasan ang dami ng mga mapagkukunan upang mai-load, at ang laki nito.
Nakakaapekto ba sa SEO ang mga pananaw sa PageSpeed?
Maaari itong magkaroon ng isang maliit na epekto, ngunit ang pangunahing isyu ay ang posibleng pagtaas ng rate ng bounce traffic.
Paano ko madaragdagan ang bilis ng aking pahina?
Ang bilis ng pahina ay maaaring dagdagan sa pamamagitan ng pagpapatupad ng mga pinakamahusay na kasanayan sa Web at pagbabawas ng halaga, pagiging kumplikado at laki ng mga mapagkukunan upang mai-load.
Ano ang isang mahusay na bilis ng pahina?
Ang isang mahusay na bilis ng pahina ay isang berdeng iskor sa itaas 90.
Paano ko magagamit ang mga pananaw sa Google PageSpeed?
Upang magamit ang mga pananaw sa Google PageSpeed ​​na kailangan mo lamang pumunta sa kanilang website, ipasok ang isa sa URL ng iyong site, maghintay para sa pagsusuri, at suriin ang mga resulta.
Totoo ba ang mga pananaw ng Google PageSpeed?
Ang Google PageSpeed ​​Insights ay medyo tumpak na kumakatawan sa oras na kinakailangan para sa isang Google server upang mai-load ang iyong website bilang isang bot. Ang isang tunay na bisita mula sa ibang lokasyon at may iba pang koneksyon ay maaaring magkaroon ng magkakaibang mga resulta, karaniwang pinakapangit.
Paano gumagana ang Bilis ng Google Page?
Ina-download ng Bilis ng Google Page ang iyong webpage tulad ng gagawin ng isang browser, kasama ang lahat ng nilalaman, at sinusuri ang oras na kinakailangan upang ganap na mai-load at maproseso ang lahat ng mga sangkap na inilarawan sa pahina ng DOM.
Ano ang isang mahusay na bilis ng site?
Ang isang mahusay na bilis ng site ay dapat na berde sa marka ng pagsubok ng bilis, isang bilis ng mazing site na higit sa 90 at naglo-load nang mas mababa sa isang segundo.

Pag-optimize sa Google PageSpeed

Madalas Na Nagtanong

Anong mga komprehensibong hakbang ang dapat gawin upang matugunan ang mga isyu na na -flag ng Google Pahinaspeed Insights, na naglalayong para sa isang berdeng marka na nagpapahiwatig ng na -optimize na pagganap?
Upang makamit ang isang berdeng marka sa mga pananaw sa Google PahinaSpeed, tumuon sa pag-optimize ng mga imahe, pag-lever ng cache ng browser, pag-minify ng CSS, JavaScript, at HTML, pag-aalis ng mga mapagkukunan ng pag-block, pagpapabuti ng oras ng pagtugon ng server, at paggamit ng mga network ng paghahatid ng nilalaman (CDN). Ang bawat rekomendasyon na ibinigay ng mga pananaw sa pahina ay dapat na matugunan nang maayos, na madalas na nangangailangan ng mga pagpapahusay ng iterative at pagsubok.

Paano magdagdag ng isang site sa ezoic? Bahagi 2: Pag-activate ng Leap.


Yoann Bierling
Tungkol sa may-akda - Yoann Bierling
Ang Yoann Bierling ay isang Web Publishing & Digital Consulting Professional, na gumagawa ng isang pandaigdigang epekto sa pamamagitan ng kadalubhasaan at pagbabago sa mga teknolohiya. Masigasig tungkol sa pagbibigay kapangyarihan sa mga indibidwal at organisasyon na umunlad sa digital na edad, hinihimok siya upang maihatid ang mga pambihirang resulta at magmaneho ng paglago sa pamamagitan ng paglikha ng nilalaman ng edukasyon.

Master Website Paglikha: Mag -enrol Ngayon!

Ibahin ang anyo ng iyong digital na presensya sa aming komprehensibong kurso sa paglikha ng website - simulan ang iyong paglalakbay sa pagiging isang dalubhasa sa web ngayon!

Mag -enrol dito

Ibahin ang anyo ng iyong digital na presensya sa aming komprehensibong kurso sa paglikha ng website - simulan ang iyong paglalakbay sa pagiging isang dalubhasa sa web ngayon!




Mga komento (0)

Mag-iwan ng komento