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,a:active,a:focus,a:hover{text-decoration:none}.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}@font-face{font-family:FontAwesome;font-display:block;src:url(..//css/fontawesome/fontawesome-webfont.eot?v=4.7.0);src:url(..//css/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(..//css/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(..//css/fontawesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(..//css/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(..//css/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-home:before{content:"\f015"}.fa-plane:before{content:"\f072"}.fa-random:before{content:"\f074"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-calendar:before{content:"\f073"}.fa-user:before{content:"\f007"}.fa-tags:before{content:"\f02c"}.inner-wrap h4{font-size:5px}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-skyatlas:before{content:"\f216"}.fa-shopping-basket:before{content:"\f291"}.fa-newspaper-o:before{content:"\f1ea"}.fa-envelope:before{content:"\f0e0"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-language:before{content:"\f1ab"}.fa-wrench:before{content:"\f0ad"}.fa-external-link:before{content:"\f08e"}.fa-list:before{content:"\f03a"}.fa-puzzle-piece:before{content:"\f12e"}.fa-amazon:before{content:"\f270"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-map:before{content:"\f279"}.fa-globe:before{content:"\f0ac"}.fa-question-circle:before{content:"\f059"}.fa-phone:before{content:"\f095"}.fa-user-secret:before{content:"\f21b"}.fa-firefox:before{content:"\f269"}.fa-hand-o-right:before{content:"\f0a4"}.fa-paperclip:before{content:"\f0c6"}.fa-group:before{content:"\f0c0"}.fa-cloud:before{content:"\f0c2"}.fa-photo:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.clear_both{clear:both} var ezouid = "1919268810";


Google PageSpeed ​​ieskats solve issues and get green

Google PageSpeed ​​ieskats solve issues and get green

Google PageSpeed optimizācija

Google PageSpeed ​​ieskats [1] is a great tool to see how your tīmeklīsite perform. In case you got a poor score, here is a series of articles with easy to implement solutions to solve most of the issues.

Google PageSpeed ​​ieskats

This allowed me to go green on the Google PageSpeed ​​ieskats [1], going up from a score of 17 on mobile (Fig 1) to 89 (Fig 14), and up from 35 (Fig 3) to 89 on desktop (Fig 16).

1. solis: optimizējiet attēlus tīmeklī

Tas ļāva man nokārtot Google PageSpeed ​​[1] testu Optimizēt attēlus [2] tīmekļa vietnē, palielinoties no 17 mobilajām ierīcēm (1. attēls) līdz 51 (2. attēls) un no 35 (3. attēls) līdz 59 uz darbvirsmas (4. attēls).

Optimizējiet attēlus PageSpeed ​​Insights Google izstrādātāji
Masveida process un attēlu sērijas atjaunināšana, izmantojot GIMP [3]

2. solis: CSS un javascript optimizācija

Novērsiet JavaScript un CSS bloķēšanu virs satura.

Tas ļāva man nokārtot Google PageSpeed ​​[1] testu Novērst JavaScript un CSS bloķēšanu virs satura (kopā ar pārlūkprogrammas kešatmiņu [6]) tīmekļa vietnē, palielinoties no 51 rezultāta mobilajā ierīcē ( 5) līdz 72 (6. attēls) un līdz 59 (7. attēls) līdz 79 uz darbvirsmas (8. attēls).

Fix Google PageSpeed ​​Novērsiet, ka JavaScript un CSS tiek bloķēts, izmantojot saturu, kas pārsniedz reizes [4]

3. solis: iespējojiet tīmekļa pārlūkprogrammas kešatmiņu

Sviras pārlūka kešatmiņas izmantošana ļāva man pāriet uz Google PageSpeed ​​[1] testu Pārlūkprogrammas pārlūkprogrammas kešatmiņu [5] (kopā ar likvidēt pārraidīšanas bloķēšanas JavaScript un CSS augšpus satura satura [4]) vietnē, kas iet uz augšu no rezultāta 51 no mobilajiem (9. attēls) līdz 72 (10. attēls) un līdz 59 (11. attēls) līdz 79 uz darbvirsmas (12. attēls).

Izmantojiet pārlūkprogrammas pārlūkprogrammas kešatmiņu PageSpeed ​​Insights Google izstrādātājiem
Fix Google PageSpeed ​​sviras pārlūka kešatmiņu htaccess [6]

4. solis: iespējot kompresijas htaccess

Iespējot saspiešanu htaccess, es ļāvu nokārtot Google PageSpeed ​​[1] testu, izmantojot tīmekļa vietnes pārlūkprogrammas kešatmiņu [7], palielinoties no 72 punktiem mobilajā (13. attēls) līdz 89 (14. attēls) un līdz pat 79 ( 15) līdz 89 uz darbvirsmas (16. attēls).

Tekstu balstītu aktīvu kodēšanas un pārsūtīšanas lieluma optimizēšana - tīmekļa pamati
Fix Google PageSpeed ​​ļauj kompresijas PHP un htaccess [8]

Līdzīgi raksti

Komentāri (0)

Atstājiet savu komentāru