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 = "1922399390";


Google Insights do PageSpeed solve issues and get green

Google Insights do PageSpeed solve issues and get green - Português

Google PageSpeed otimização

O Google PageSpeed ​​Insights [1] é uma ótima ferramenta para ver o desempenho do seu site. Caso você tenha uma pontuação baixa, aqui está uma série de artigos com soluções fáceis de implementar para resolver a maioria dos problemas.

Google PageSpeed ​​Insights

Isso me permitiu ficar verde no Google PageSpeed ​​Insights [1], passando de uma pontuação de 17 no celular (Fig 1) para 89 (Fig 14) e de 35 (Fig 3) para 89 na área de trabalho (Fig 16 )

Etapa 1: otimizar imagens para web

Isso permitiu que eu passasse o teste do Google Page Speed ​​[1] Optimize as imagens [2] em um site, subindo de 17 no celular (Fig 1) para 51 (Fig 2) e subindo de 35 (Fig 3) para 59 na área de trabalho (Fig. 4).

Otimizar imagens do Google PageSpeed ​​Insights Google Developers
Processo em massa e atualização de um lote de imagens usando o GIMP [3]

Etapa 2: otimização de CSS e javascript

Elimine JavaScript e CSS com bloqueio de renderização no conteúdo acima da dobra.

Isso permitiu que eu passasse no teste do Google PageSpeed ​​[1] Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra (juntamente com Leverage browser caching [6]) em um site, subindo de uma pontuação de 51 em dispositivos móveis ( Fig 5) a 72 (Fig 6) e acima de 59 (Fig 7) a 79 na área de trabalho (Fig 8).

Corrigir o Google PageSpeed ​​Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra [4]

Etapa 3: ativar o cache do navegador da web

Aproveite o cache do navegador para que eu passe no teste do Google PageSpeed ​​[1] alavancar o cache do navegador [5] (junto com Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra [4]) em um site, subindo de uma pontuação de 51 no móvel (Fig 9) a 72 (Fig 10), e acima de 59 (Fig 11) a 79 no desktop (Fig 12).

Aproveite o cache do navegador PageSpeed ​​Insights Google Developers
Corrigir o Google PageSpeed ​​aproveita o cache do navegador no htaccess [6]

Etapa 4: Ativar o htaccess de compactação

A ativação da compactação no htaccess permitiu que eu passasse no teste do Google PageSpeed ​​[1] alavancar o cache do navegador [7] em um site, subindo de 72 no celular (Fig 13) para 89 (Fig 14) e acima de 79 ( Fig. 15) a 89 na área de trabalho (Fig. 16).

Otimizando a codificação e o tamanho da transferência de ativos com base em texto - Fundamentos da Web
Corrigir a velocidade de ativação do Google PageSpeed ​​em PHP e htaccess [8]

Artigos semelhantes


Comentários (0)

Deixe um comentário