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{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:70.17543859%}#secondary,.left-sidebar #primary{float:right}#secondary{width:27.19298245%}#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:100%}.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} var ezouid = "1144082027";


Google PageSpeed ​​Insights solve issues and get green

Google PageSpeed optimizare

Google PageSpeed ​​Insights [1] este un instrument excelent pentru a vedea cum funcționează site-ul dvs. web. În cazul în care ați obținut un scor slab, iată o serie de articole cu soluții ușor de implementat pentru a rezolva majoritatea problemelor.

Google PageSpeed ​​Insights

Acest lucru mi-a permis să devin verde pe Google PageSpeed ​​Insights [1], trecând de la un scor de 17 pe mobil (Fig. 1) la 89 (Fig. 14) și până la 35 (Fig. 3) la 89 pe desktop (Fig. 16) ).

Pasul 1: optimizați imaginile pentru web

Acest lucru mi-a permis să trec testul Google PageSpeed ​​[1] Optimizați imaginile [2] pe un site Web, mergând de la un scor de 17 pe mobil (Fig. 1) la 51 (Fig. 2) și de la 35 59 pe desktop (Fig. 4).

Optimizați imaginile PageSpeed ​​Insights Dezvoltatori Google
Procesul de masă și actualizarea unui lot de imagini utilizând GIMP [3]

Pasul 2: Optimizarea CSS și javascript

Eliminați JavaScript-ul și CSS-ul de render-blocking în conținutul de mai sus.

Acest lucru mi-a permis să trec testul Google PageSpeed ​​[1] Eliminați JavaScript și CSS de blocare a redării în conținutul de mai sus (împreună cu cache-ul de navigare Leverage [6]) pe un site web, mergând de la un scor de 51 pe dispozitive mobile ( Fig. 5) până la 72 (Fig. 6) și de la 59 (Fig. 7) la 79 pe desktop (Fig. 8).

Fixați Google PageSpeed ​​Eliminați JavaScript și CSS în render-blocking în conținutul de mai sus [4]

Pasul 3: activați memoria cache a browser-ului web

Cache-ul de optimizare a browserului mi-a permis să trec de pe un site web testul Google PageSpeed ​​[1] Leverage browsing cache [5] (împreună cu Eliminați blocarea JavaScript și CSS în render-blocking conținut [4] din 51 pe mobil (Fig. 9) până la 72 (Fig. 10), și de la 59 (Fig. 11) la 79 pe desktop (Fig. 12).

Îmbunătățește cache-ul browserului Cache PageSpeed ​​Insights Dezvoltatorii Google
Fixați Google PageSpeed ​​pârghia de optimizare a browserului în htaccess [6]

Pasul 4: Activați compresia htaccess

Activarea compresiei în htaccess mi-a permis să trec testul Google PageSpeed ​​[1] Leverage caching browser-ului [7] pe un site web, mergând de la un scor de 72 pe mobil (Fig 13) la 89 (Fig 14) Fig. 15) până la 89 de pe desktop (Fig. 16).

Optimizarea codificării și a mărimii transferului de active bazate pe text - Fundamente Web
Fixați Google PageSpeed ​​să activați compresia în PHP și htaccess [8]
Yoann
Despre Yoann
Yoann este consultant internațional. El ajută întreprinderile să își implementeze proiectele internaționale, facilitând schimburile între diferite culturi, specialități, fluxuri și tehnologii. El se dezvoltă în proiectarea, îmbunătățirea, adaptarea, inovarea și soluționarea soluțiilor, pentru a satisface clienții. El a creat www.ybierling.com pentru a-și împărtăși experiența. A lucrat mai mult de 10 ani în dezvoltarea afacerilor internaționale, perfecționarea lanțului de aprovizionare la nivel mondial, optimizarea financiară, implementarea proiectului SAP ERP și suportul de afaceri bazat pe Web. El a făcut posibilă transformarea afacerii în diverse industrii, cum ar fi logistica, cosmeticele, bunurile de consum, frumusețea sau moda, în multe țări din întreaga lume.
 

Comentarii (0)

Lasa un comentariu