{"id":8597,"date":"2015-07-29T12:27:07","date_gmt":"2015-07-29T15:27:07","guid":{"rendered":"https:\/\/king.host\/blog\/?p=8597"},"modified":"2024-06-04T08:09:37","modified_gmt":"2024-06-04T11:09:37","slug":"tutorial-ativando-google-pagespeed","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/tutoriais\/tutorial-ativando-google-pagespeed\/","title":{"rendered":"Tutorial &#8211; Ativando Google PageSpeed"},"content":{"rendered":"<blockquote><p>A KingHost tem integra\u00e7\u00e3o com o Google PageSpeed e voc\u00ea pode ativar a ferramenta de performance diretamente no seu painel de controle. Confira o passo a passo e entenda porque ativar este recurso pode melhorar a experi\u00eancia de uso do seu site\/aplica\u00e7\u00e3o.<\/p><\/blockquote>\n<p>O&nbsp;m\u00f3dulo para servidores do Google PageSpeed foi desenvolvido para aumentar a velocidade do servi\u00e7o de p\u00e1ginas web.&nbsp;Ele leva&nbsp;mais velocidade ao carregamento do conte\u00fado do cliente, adicionando mensagens no cache HTTP sem ter que fazer mudan\u00e7as nas aplica\u00e7\u00f5es que est\u00e3o hospedadas.<\/p>\n<p>Com o Google PageSpeed voc\u00ea pode analisar e otimizar o <a href=\"https:\/\/king.host\/blog\/empreendedorismo\/site-lento\/\">tempo de carregamento do seu site<\/a>. A velocidade com que um site carrega seu conte\u00fado influi diretamente na experi\u00eancia do usu\u00e1rio. Para ter uma ideia, um <a href=\"http:\/\/arquiteturadeinformacao.com\/user-experience\/streaming-de-videos-usuarios-comecam-a-perder-a-paciencia-a-partir-dos-2-segundos-de-espera\/\" target=\"_blank\" rel=\"noopener\">estudo apontou<\/a> que usu\u00e1rios come\u00e7am a perder a paci\u00eancia ap\u00f3s 2 segundos quando um v\u00eddeo trava, sendo que quando atingidos 5 segundos de espera, 50% dos usu\u00e1rios desistem de assistir ao v\u00eddeo. Outros estudos apontaram <strong>comportamento similar para a espera no carregamento de p\u00e1ginas<\/strong>.<\/p>\n<p><strong>Para analisar as p\u00e1ginas<\/strong><\/p>\n<p>Para analisar o carregamento de uma p\u00e1gina, acesse o link <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed inSights<\/a> e digite o dom\u00ednio desejado. O PageSpeed Insights&nbsp;gera um relat\u00f3rio com sugest\u00f5es de melhorias para o seu site.<\/p>\n<p><b>Integra\u00e7\u00e3o com&nbsp;a KingHost<\/b><\/p>\n<p>O M\u00f3dulo Page Speed est\u00e1 dispon\u00edvel para todas as hospedagens, inclusive na modalidade compartilhada. Qualquer dificuldade para a ativa\u00e7\u00e3o deve ser reportada \u00e0 nossa equipe que agilizar\u00e1 uma solu\u00e7\u00e3o para o problema.<\/p>\n<p>Os filtros da ferramenta permitem uma s\u00e9rie de benef\u00edcios, como:<\/p>\n<ul class=\"list\">\n<li>Diminuir HTML, CSS e Javascript, e serving back de arquivos para os pedidos subsequentes (incluindo remo\u00e7\u00e3o de coment\u00e1rios, whitepsace e quotings desnecess\u00e1rios)<\/li>\n<li>Combinar m\u00faltiplos arquivos CSS em um \u00fanico arquivo CSS<\/li>\n<li>Juntar CSS dentro do HEAD de um arquivo HTML<\/li>\n<li>Adicionar caching headers, tais como Cache-Control, para os conte\u00fados que s\u00e3o servidos sem cache<\/li>\n<li>Juntar pequenas imagens usando o data: URL scheme<\/li>\n<li>Reduzir imagens grandes para fornecer um mapeamento 1-1 com o tamanho especificado no documento HTML<\/li>\n<\/ul>\n<p>Para ativar, v\u00e1 ao painel de controle e encontre o bot\u00e3o de ativa\u00e7\u00e3o e clique em ativar. Depois de ativado, voc\u00ea poder\u00e1 personalizar os filtros que deseja utilizar ou n\u00e3o.<\/p>\n<p><b>Importante<\/b>: No momento de configurar os&nbsp;filtros, voc\u00ea deve ficar atento, pois dependendo da programa\u00e7\u00e3o do seu site, o layout da p\u00e1gina pode ser alterado. Por exemplo:<\/p>\n<p>Filtro <b>collapse_whitespace<\/b> \u2013 Remove espa\u00e7os em branco desnecess\u00e1rios.<br \/>\nEste filtro pode modificar\/quebrar o layout caso utilize a propriedade de CSS \u201cwhite-space: pre\u201d<\/p>\n<p>Fa\u00e7a testes&nbsp;e&nbsp;confira sempre o resultado antes de manter&nbsp;os&nbsp;filtros ativados!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A KingHost tem integra\u00e7\u00e3o com o Google PageSpeed e voc\u00ea pode ativar a ferramenta de performance diretamente no seu painel de controle. Confira o passo a passo e entenda porque ativar este recurso pode melhorar a experi\u00eancia de uso do seu site\/aplica\u00e7\u00e3o. O&nbsp;m\u00f3dulo para servidores do Google PageSpeed foi desenvolvido para aumentar a velocidade do [&hellip;]<\/p>\n","protected":false},"author":253,"featured_media":8598,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[156],"tags":[1347],"class_list":["post-8597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","tag-google"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=8597"}],"version-history":[{"count":3,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8597\/revisions"}],"predecessor-version":[{"id":35690,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/8597\/revisions\/35690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/8598"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=8597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=8597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=8597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}