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}@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}.fa-google:before{content:"\f1a0"} var ezouid = "1280857527";


Google PageSpeed ​​Insights solve issues and get green

Google PageSpeed ​​Insights solve issues and get green [Русский]

Google PageSpeed оптимизация

Google PageSpeed ​​Insights [1] - отличный инструмент, чтобы увидеть, как работает ваш сайт. Если у вас плохой результат, вот серия статей с простыми в применении решениями для решения большинства проблем.

Google PageSpeed ​​Insights

Это позволило мне перейти к зеленому значению Google PageSpeed ​​Insights [1], повысившись с 17 баллов на мобильных устройствах (Рис. 1) до 89 (Рис. 14) и с 35 (Рис. 3) до 89 на рабочем столе (Рис. 16). ).

Шаг 1: оптимизировать изображения для веба

Это позволило мне пройти тест Google PageSpeed ​​[1] Оптимизировать изображения [2] на веб-сайте, поднявшись с 17 баллов на мобильных устройствах (Рис. 1) до 51 (Рис. 2) и с 35 (Рис. 3) до 59 на рабочем столе (рис. 4).

Оптимизация изображений PageSpeed ​​Insights Google для разработчиков
Массовая обработка и обновление серии изображений с использованием GIMP [3]

Шаг 2: CSS и оптимизация JavaScript

Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании.

Это позволило мне пройти тест Google PageSpeed ​​[1] «Устранить блокировку рендеринга JavaScript и CSS в содержании, превышающем кратность» (наряду с кэшированием в браузере «Leverage» [6]) на веб-сайте, увеличившись с 51 балла на мобильных устройствах ( Рис. 5) до 72 (Рис. 6) и от 59 (Рис. 7) до 79 на рабочем столе (Рис. 8).

Исправление Google PageSpeed ​​Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании [4]

Шаг 3: включить кеш браузера

Использование кэширования в браузере позволило мне пройти тест Google PageSpeed ​​[1]. Использовать кэширование в браузере [5] (наряду с устранением блокирования рендеринга JavaScript и CSS в содержании выше уровня [4]) на веб-сайте, увеличившись с оценки. от 51 на мобильном (Рис. 9) до 72 (Рис. 10) и с 59 (Рис. 11) до 79 на рабочем столе (Рис. 12).

Использование кэширования в браузере PageSpeed ​​Insights Разработчики Google
Исправлено использование Google PageSpeed ​​для кэширования браузера в htaccess [6]

Шаг 4: Включить сжатие htaccess

Включение сжатия в htaccess позволило мне пройти тест Google PageSpeed ​​[1]. Использовать кеширование браузера [7] на веб-сайте, повысившись с 72 баллов на мобильных устройствах (рис. 13) до 89 (рис. 14) и с 79 ( Рис 15) до 89 на рабочем столе (Рис 16).

Оптимизация кодирования и передачи размера текстовых ресурсов - веб-основы
Исправлено включение Google PageSpeed ​​в PHP и htaccess [8]

Прочитайте больше

Похожие статьи


Комментарии (0)

Оставить комментарий

Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
 
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.
Увеличьте доход от рекламы на 50-250% с помощью Ezoic. Сертифицированный издательский партнер Google.