a:after,.main-navigation ul li.current-menu-ancestor a,.main-navigation ul li.current-menu-item a,.main-navigation ul li.current-menu-item a:after,.main-navigation ul li.current_page_ancestor a,.main-navigation ul li.current_page_item a,.main-navigation ul li:hover>a{color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after,.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#fff;font-size:14px;padding-left:6px}.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{content:"\f107";color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after{content:"\f105";position:absolute;right:8px}.menu-toggle,.top-menu-toggle{display:none;cursor:pointer}.site-header .menu-toggle{color:#fff;margin:0;text-align:center;font-family:'Open Sans',serif;padding-bottom:0}.site-header .menu-toggle:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:23px;color:#fff;padding:8px 12px;display:block}#secondary .widget-title span,.sd-content ol li,.sd-content ul li{display:inline-block}#primary,.lnkbed{float:left}.main-small-navigation .menu-primary-container,.main-small-navigation .nav-menu{padding-top:43px}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a,.main-small-navigation li a:hover{color:#fff}.main-small-navigation .random-post a{padding:7px 12px;border-bottom:0}.page-header .page-title{border-bottom:1px solid #f8f8f8}#main{padding-top:10px;padding-bottom:10px}.sd-content ul{padding:0!important;margin:0 0 .7em!important;list-style:none!important}body.custom-background{background-color:#46a28d}.ios7.web-app-mode.has-fixed header{background-color:rgba(3,122,221,.88)}.fa.search-top:hover,.home-icon.front_page_on,.main-navigation a:hover,.main-navigation ul li ul li a:hover,.main-navigation ul li ul li:hover>a,.main-navigation ul li.current-menu-ancestor>a,.main-navigation ul li.current-menu-item ul li a:hover,.main-navigation ul li.current-menu-item>a,.main-navigation ul li.current_page_ancestor>a,.main-navigation ul li.current_page_item>a,.main-navigation ul li:hover>a,.main-small-navigation li a:hover,.site-header .menu-toggle:hover,.widget_featured_posts .widget-title span{background-color:#006b6b}#site-title a,.next a:hover,.previous a:hover,.social-links i.fa:hover,a{color:#006b6b}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a{background:#006b6b}.widget_featured_posts .widget-title{border-bottom:2px solid #006b6b}blockquote,.cta-button:hover{background-color:#46a28d;color:#444}#header-text-nav-container,#langsel{background-color:#006b6b}#header-text-nav-container *,#site-title a{color:#f8f8f8}a{text-decoration:none}.entry-content a{text-decoration:underline}a:active,a:focus,a:hover{text-decoration:underline;color:#af0000}.widget_featured_posts{margin-bottom:30px}.widget_featured_posts .widget-title span{color:#fff;padding:6px 12px;display:inline-block}.widget select{border:1px solid #ddd;color:#777;padding:2px;width:60%}.widget_featured_posts .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0}.sd-content ul li,.ul-title,.whatdo_details{font-size:13px}.ul-title{border-bottom:2px solid #006b6b;margin-bottom:5px;padding-bottom:0}.sd-content ul{margin-bottom:0!important}.lnkbed .fa-bed,.lnkbed .fa-plane{color:#fff;font-size:20px}.main-navigation .lnkbed a,.main-navigation .lnkplane a{padding:10px 12px;border-bottom:0}.sd-content ol{padding:0!important;margin:0 0 .7em!important;list-style:none!important}#primary{width:67%;padding-left:3%;padding-right:3%;}#secondary,.left-sidebar #primary,#stickysec{float:right}#secondary,#stickysec{width:27%}#secondary .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0;border-bottom:2px solid #006b6b}#secondary .widget-title span{color:#fff;padding:6px 12px;background-color:#006b6b}#secondary .widget,.error-404 .widget{margin-bottom:35px;font-size:14px;background-color:#fff}@media screen and (max-width:768px){#header-text-nav-wrap{padding:10px 0}#header-left-section{float:none;margin-bottom:10px}#header-logo-image,#header-text{float:left;text-align:left;padding-right:0;padding-left:10px}#header-right-section{float:none}#header-right-section .widget{text-align:center}.menu-toggle{display:block;float:left}#primary,#secondary,.widget_beside_slider,.widget_slider_area{float:none;width:94%}.main-navigation .home-icon a{padding:7px 10px}.widget_slider_area{padding-bottom:10px}.sub-toggle{position:absolute;right:20px;cursor:pointer;display:block;top:6px;color:#fff;padding:0 7px;background-color:#1b7aa0}#custom_html-4,#header-text-nav-wrap,#polylang-6,#site-description,.front-page-top-section,.entry-date-published,.above-entry-meta,.menu-item-name{display:none}#main{padding-top:0}#header-text{vertical-align:center}#site-title a{font-size:24px;padding-left:10px}}.logo-small{margin-bottom:0} .inner-wrap h4{font-size:5px}.clear_both{clear:both}.hds-img{border-radius:125px}#target:target{display:block}#target{display:none}.wp-caption{margin:1.5rem} header{z-index:1;}.sticky{position: -webkit-sticky;position: sticky;top: 0}.inner-wrap2{margin:0 auto;max-width:1140px}.bg1{background:GhostWhite}.bg2{background:white}.bg1,.bg2{padding:10px;border:1px solid black}.bg1:hover,.bg2:hover{background-color:#46a28d}dl div dt{font-weight:bold} var ezouid = "133622591";


Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni




Google PageSpeed ​​optimizacija

Google PageSpeed ​​Insights [1] odličan je alat za provjeru izvedbe vaše web stranice. U slučaju da imate lošu ocjenu, evo niza članaka s lako implementiranim rješenjima za rješavanje većine problema.

Uvid u Google PageSpeed ​​Speed

To mi je omogućilo da postanem zeleni na Google PageSpeed ​​Insights [1], povećavajući se s ocjene 17 na mobilnom uređaju (Sl. 1) na 89 (Sl. 14) i porasta sa 35 (Sl. 3) na 89 na radnoj površini (Slika 16 ).

Međutim, postoji čak i način da se postigne zeleno, a da se ništa ne morate primijeniti, pomoću Ezoic platforme Site Speed ​​Accelerator, alata koji će za vas obaviti sve optimizacije: pogledajte dolje i slijedite vodič!

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 1: Google Page Speed ​​- rezultat prije optimizacije slike od 17 na mobitelu
Slika 1: Google Page Speed ​​- rezultat prije optimizacije slike od 17 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 3: Google Page Speed ​​- rezultat prije optimizacije slike od 35 na radnoj površini
Slika 3: Google Page Speed ​​- rezultat prije optimizacije slike od 35 na radnoj površini  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 14: Google Page Speed ​​- rezultat nakon aktiviranja gzip kompresije od 89 na mobitelu
Slika 14: Google Page Speed ​​- rezultat nakon aktiviranja gzip kompresije od 89 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 16: Google Page Speed ​​- rezultat nakon aktiviranja gzip kompresije od 89 na radnoj površini
Slika 16: Google Page Speed ​​- rezultat nakon aktiviranja gzip kompresije od 89 na radnoj površini  

Korak 1: optimizirajte slike za web

To mi je omogućilo da prođem Google PageSpeed ​​[1] test Optimiziraj slike [2] na web stranici, povećavajući se s ocjene 17 na mobitelu (Slika 1) na 51 (Slika 2), i od 35 (Slika 3) do 59 na radnoj površini (Slika 4).

Optimizirajte slike PageSpeed ​​Insights Google programere

Korak 2: CSS i optimizacija javascripta

Uklonite JavaScript i CSS koji blokiraju prikazivanje u sadržaju iznad.

To mi je omogućilo da prođem Google PageSpeed ​​[1] test Eliminirati renderiranje-blokiranje JavaScripta i CSS-a u sadržaju iznad (uključujući Leaching browser caching [6]) na web stranici, povećavajući se s 51 na mobitelu ( Slika 5) do 72 (Slika 6), a od 59 (Slika 7) do 79 na radnoj površini (Slika 8).

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 2: Google Page Speed ​​- rezultat nakon optimizacije slike od 51 na mobitelu
Slika 2: Google Page Speed ​​- rezultat nakon optimizacije slike od 51 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 4: Google Page Speed ​​- rezultat nakon optimizacije slike od 59 na radnoj površini
Slika 4: Google Page Speed ​​- rezultat nakon optimizacije slike od 59 na radnoj površini  

Korak 3: omogućite predmemoriju web-preglednika

Iskoristite mogućnost keširanja preglednika pomoću Google PageSpeed ​​[1] testa Iskoristite predmemoriranje preglednika [5] (zajedno s eliminiranjem JavaScript-a i CSS-a koji sadrži više stranica [4]) na web-mjestu, povećavajući se s ocjene od 51 na mobitelu (sl. 9) do 72 (slika 10), a od 59 (slika 11) do 79 na radnoj površini (slika 12).

Iskoristite predmemoriranje preglednika PageSpeed ​​Uvid Google programeri
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 5: Google Page Speed ​​- rezultat prije uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 51 na mobilnom
Slika 5: Google Page Speed ​​- rezultat prije uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 51 na mobilnom  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 6: Google Page Speed ​​- rezultat nakon uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 72 na mobilnom uređaju
Slika 6: Google Page Speed ​​- rezultat nakon uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 72 na mobilnom uređaju  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 7: Google Page Speed ​​- rezultat prije uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 59 na radnoj površini
Slika 7: Google Page Speed ​​- rezultat prije uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržaju iznad 59 na radnoj površini  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 8: Google Page Speed ​​- rezultat nakon uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržajima iznad 79 na radnoj površini
Slika 8: Google Page Speed ​​- rezultat nakon uklanjanja JS-a i CSS-a koji blokiraju prikazivanje u sadržajima iznad 79 na radnoj površini  

Korak 4: Omogućite kompresiju htaccess

Omogućavanje kompresije u htaccessu omogućilo mi je da prođem Google PageSpeed ​​[1] test Leverage caching [7] na pretraživaču web stranice, povećavajući se s bodova od 72 na mobitelu (sl. 13) na 89 (slika 14), i od 79 ( Slika 15) do 89 na radnoj površini (Slika 16).

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 9: Google Page Speed ​​- rezultat prije iskorištavanja preglednika 51 na mobitelu
Slika 9: Google Page Speed ​​- rezultat prije iskorištavanja preglednika 51 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 10: Google Page Speed ​​- rezultat nakon iskorištavanja preglednika 72 na mobitelu
Slika 10: Google Page Speed ​​- rezultat nakon iskorištavanja preglednika 72 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 11: Google Page Speed ​​- rezultat prije iskorištavanja preglednika 59 na radnoj površini
Slika 11: Google Page Speed ​​- rezultat prije iskorištavanja preglednika 59 na radnoj površini  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 12: Google Page Speed ​​- rezultat nakon iskorištavanja preglednika 79 na radnoj površini
Slika 12: Google Page Speed ​​- rezultat nakon iskorištavanja preglednika 79 na radnoj površini  
Optimiziranje kodiranja i veličine prijenosa tekstualnih sredstava - Web Fundamentals
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 13: Google Page Speed ​​- rezultat prije aktiviranja gzip kompresije od 72 na mobitelu
Slika 13: Google Page Speed ​​- rezultat prije aktiviranja gzip kompresije od 72 na mobitelu  
Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Slika 15: Google Page Speed ​​- rezultat prije aktiviranja gzip kompresije od 79 na radnoj površini
Slika 15: Google Page Speed ​​- rezultat prije aktiviranja gzip kompresije od 79 na radnoj površini  

Dobivanje zelene boje u alatu PageSpeed ​​Insights Google s akceleratorom brzine web stranice

Nakon što sam se vratio na vrlo lošu crvenu ocjenu od 18 na mobilnim uređajima i 29 na radnoj površini na Google Page-u PageSpeed ​​Insights, otkrio sam taj nevjerojatni alat koji je Site Speed ​​Accelerator i radi sve optimizacije za mene, jednostavno klikom gumb nakon što sam konfigurirao moju web stranicu da koristi njihov DNS, što im omogućuje da moju web stranicu prikažu u moje ime i u međuvremenu je optimiziraju.

Evo kako to funkcionira: kada korisnik zatraži da preuzme stranicu s moje web stranice, izravno pita moj poslužitelj koji je najbolji jeftini web hosting‌ da mu dostavi kôd te stranice. Moj poslužitelj mu ga šalje. To je standardni način rada.

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Google Pagespeed Insights od crvene ocjene 29 do zelene ocjene 99 na radnoj površini pomoću Ezoic-ovog ubrzivača brzine web stranice
Google Pagespeed Insights od crvene ocjene 29 do zelene ocjene 99 na radnoj površini pomoću Ezoic-ovog ubrzivača brzine web stranice  

Međutim, koristeći vanjski DNS, korisnik će zatražiti od DNS-a da za njega dobije web stranicu s mog poslužitelja, a moj će poslužitelj poslati izvorni kod web stranice ovom posredničkom DNS-u, koji će moći izmijeniti kôd, a također za predmemoriranje i pohranjivanje na različita mjesta na Zemlji radi bržeg slanja i optimizacija za isporuku bolje web stranice korisniku.

Na taj je način Ezoic Accelerator brzine web mjesta u stanju optimizirati moje web stranice i isporučiti ih izravno korisniku s puno boljim rezultatom nego što bih ja dobio, uvjerite se sami, jednostavnim aktiviranjem opcija za moju web stranicu, krenuo sam iz ocjena 18 na mobilnom uređaju do zelene ocjene 90 i od crvene ocjene 29 na radnoj površini do zelene ocjene… 99!

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Google Pagespeed Insights od crvene ocjene 18 do zelene ocjene 90 na mobilnom uređaju pomoću Ezoic-ovog ubrzivača brzine web stranice
Google Pagespeed Insights od crvene ocjene 18 do zelene ocjene 90 na mobilnom uređaju pomoću Ezoic-ovog ubrzivača brzine web stranice  

Popis optimizacija koje nudi Site Speed ​​Accelerator je sljedeći i neprestano se ažurira novim optimizacijama web stranica koje će vaš Google PageSpeed ​​Insights postići zelenu ocjenu:

  1. CSS optimizacija, s kritično izvedenim CSS-om, nekorišteni CSS nije poslan, ili optimizirani fontovi,
  2. Optimizacija slika, s lijenim učitavanjem slika, koristi se Webp format sljedeće generacije, slike se automatski mijenjaju, a slike u pozadini se učitavaju,
  3. Statička pravila predmemoriranja imovine koja će reći preglednicima da predmemoriraju vaše slike, tabele stilova i skripte,
  4. Automatsko stvaranje uputa za preglednike za prethodno povezivanje s izvornikom,
  5. Umanjivanje HTML-a s različitim opcijama za zadržavanje ili skrivanje HTML komentara, završnih oznaka, navodnika ili razmaka,
  6. Optimizacija izvršavanja skripti s mogućnošću odgode skripti, odgode oglasa i smanjenja CPU intenzivnih zadataka,
  7. Automatski iframes lijeno učitavanje.

Naravno, moći ćete u bilo kojem trenutku aktivirati ili zaustaviti bilo koju od ovih optimizacija, te fino podesiti svoje postavke kako biste pronašli opcije ubrzivača brzine web mjesta koje vam daju najbolje rezultate.

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Ezoic's Site Speed ​​Accelerator opcije
Ezoic's Site Speed ​​Accelerator opcije  

Da biste ga dobili, započnite stvaranjem računa na platformi Ezoic, a zatim integrirajte svoje web mjesto pomoću Ezoic DNS-a. Tada možete konfigurirati značajke i dobiti zeleno!

Povrh toga, ako se vaša web stranica kvalificira (treba, na primjer, imati više od 10 000 jedinstvenih posjetitelja mjesečno i jedinstveni sadržaj), moći ćete povećati stope CPM-a, a time i zaradu implementirajući njihov nevjerojatni Ezoic posredovanje AdExchange sustav.

Akcelerator brzine web mjesta‌ čak je besplatan za probno razdoblje od 30 dana, nije potrebna kreditna kartica, a nakon toga košta drugačiji iznos, ovisno o vašem prometu. Može biti besplatno ako koristite sustav posredovanja Ezoic i s njima zarađujete više od 2000 USD mjesečno!

Google Pagespeed ​​Insights: Riješite Probleme I Postanite Zeleni : Google Page Speed Insights scores turned green using Ezoicov ubrzivač brzine web mjesta on both mobile and desktop
Google Page Speed Insights scores turned green using Ezoicov ubrzivač brzine web mjesta on both mobile and desktop  

Često postavljana pitanja o Google Page Speed ​​Insights i odgovorima:

Je li Google PageSpeed ​​važan?
Iako Google PageSpeed ​​nije najvažniji u pogledu rangiranja web stranica, to može utjecati na stopu napuštanja početne stranice. Posjetitelji obično ne čekaju više od nekoliko sekundi da se stranica učita prije odlaska.
Utječe li PageSpeed ​​na SEO?
Pogledajte gore - to se možda neće puno promijeniti za rangiranje web stranica, ali može utjecati na stopu napuštanja početne stranice.
Što je dobro vrijeme učitavanja stranice?
Dobro vrijeme učitavanja stranice je manje od jedne sekunde.
Kako mogu povećati brzinu Google stranice?
Svoju ocjenu Google PageSpeed ​​Insights možete povećati bilo ručno primjenom svih mogućih optimizacija web stranica, bilo pomoću akceleratora brzine web mjesta‌ koji će sve učiniti u vaše ime.
Kako mogu povećati vrijeme učitavanja web stranice?
Vrijeme učitavanja web mjesta možete povećati smanjenjem duljine sadržaja, uklanjanjem neiskorištenih HTML-a, CSS-a i JS-a, umanjivanjem svih datoteka i upotrebom predmemorije i CDN usluga - ili pomoću ubrzivača brzine web stranice Site koji će sve učiniti za vas.
Kažnjava li Google kažnjavanje sporih web lokacija?
Čini se da Google ne kažnjava spore web lokacije, međutim, ako je učitavanje sadržaja predugo, ne može raščlaniti i rangirati web stranice.
Kako povećati vrijeme punog opterećenja?
Možete potpuno povećati vrijeme učitavanja web stranice smanjenjem sadržaja u HTML-u (koji se naziva i DOM duljina), CSS-u i JS-u koji se koriste te ostalim dodacima.
Kako mogu povećati brzinu odredišne ​​stranice?
Povećajte brzinu odredišne ​​stranice primjenom predmemorije, upotrebom CDN-a, ubrzivača brzine web-mjesta‌ i primjenom svih najboljih web praksi.
Koji je dobar rezultat brzine Google stranice?
Ocjena Googleove brzine stranice veća je od 90.
Što je dobra brzina učitavanja stranice?
Dobra brzina učitavanja web stranice ispod je sekunde.
Koliko brzo treba učitati web stranicu 2020?
Web stranica trebala bi se učitati za manje od sekunde 2020. godine.
Što je dobra stopa napuštanja početne stranice?
Dobra stopa napuštanja početne stranice je bilo koja vrijednost ispod sto, što znači da neki korisnici zapravo borave na vašoj web lokaciji. Ispod 50 je već nevjerojatno.
Zašto su Google web stranice tako spore?
Google web-lokacije mogu biti spore zbog vaše internetske veze ili računala na kojem se pokreću programi i aplikacije. Razmislite o odabiru VPN-a da biste povećali brzinu veze.
Kako mogu povećati brzinu Google stranice?
Smanjite količinu resursa za učitavanje i njihovu veličinu.
Utječe li uvid u PageSpeed ​​na SEO?
To bi moglo imati mali učinak, ali glavno je pitanje moguće povećanje stope odskoka u prometu.
Kako mogu povećati brzinu stranice?
Brzina stranice može se povećati primjenom najboljih web praksi i smanjenjem količine, složenosti i veličine resursa za učitavanje.
Što je dobra brzina stranice?
Dobra brzina stranice je zeleni rezultat iznad 90.
Kako mogu koristiti Google PageSpeed ​​uvide?
Da biste koristili uvide o Google PageSpeedu, jednostavno morate otići na njihovo web mjesto, unijeti jedan od URL-a vašeg web mjesta, pričekati analizu i provjeriti rezultate.
Jesu li Google PageSpeed ​​uvidi točni?
Google PageSpeed ​​Insights prilično je točan jer predstavlja vrijeme potrebno jednom Googleovom poslužitelju za učitavanje vaše web stranice kao bota. Stvarni posjetitelj s drugog mjesta i s drugom vezom može imati drugačije rezultate, obično najgore.
Kako funkcionira Google Page Speed?
Google Page Speed ​​preuzima vašu web stranicu kao što bi to učinio preglednik, uključujući sav sadržaj, i provjerava vrijeme potrebno za potpuno učitavanje i obradu svih komponenata opisanih na stranici DOM.
Što je dobra brzina web stranice?
Dobra brzina mjesta trebala bi biti zelena na rezultatu testa brzine, brzina mjesta za labirint iznad 90 i utovar za manje od sekunde.

Google PageSpeed ​​optimizacija

Utvrdite zeleno na Googleovoj brzini stranice pomoću ubrzivača brzine web stranice
Utvrdite zeleno na Googleovoj brzini stranice pomoću ubrzivača brzine web stranice 


Međunarodno poslovno savjetovanje
O autoru - Međunarodno poslovno savjetovanje
Yoann je međunarodni poslovni savjetnik, moderator i koordinator. Radio je više od 10 godina u globalnom poslovanju, lancu opskrbe, financijskim, SAP ERP projektima, Veb i SEO optimizaciji za razne industrije, poput logistike, kozmetike, robe široke potrošnje, njege ljepote ili mode u više od 30 zemalja svijeta. ,
 


komentari (0)

Ostavite komentar