{"id":21,"date":"2007-10-10T00:50:01","date_gmt":"2007-10-10T00:50:01","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2007\/10\/10\/otimizando-wordpress-com-yslow\/"},"modified":"2007-10-14T20:16:37","modified_gmt":"2007-10-15T03:16:37","slug":"otimizando-wordpress-com-yslow","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2007\/10\/10\/otimizando-wordpress-com-yslow\/","title":{"rendered":"Otimizando wordpress com YSlow"},"content":{"rendered":"<p><script type=\"text\/javascript\"> function get_style21 () { return \"none\"; } function end21_ () { document.getElementById('wqd21').style.display = get_style21(); } <\/script>O plugin do Yahoo! para o Firefox, <a href=\"http:\/\/developer.yahoo.com\/yslow\/\">YSlow<\/a>, que se integra ao <a href=\"http:\/\/www.getfirebug.com\/\">Firebug<\/a>, avalia a performance dos sites com base nas <a href=\"http:\/\/developer.yahoo.com\/performance\/index.html#rules\">regras de performance<\/a> do <a href=\"http:\/\/developer.yahoo.com\">Yahoo! Developer Network<\/a>.<\/p>\n<p>Essa <a href=\"http:\/\/developer.yahoo.com\/performance\/rules.html\">regras<\/a> s\u00e3o dicas valiosas para melhorar o arquivamento que os browsers fazem (cache) e transfer\u00eancia de dados em geral. Geralmente quando instalamos o WordPress, nos preocupamos apenas com extens\u00f5es como o wp-cache, mas otimiza\u00e7\u00e3o como compress\u00e3o (gzip) passa despercebido.<\/p>\n<p>Quando iniciei o processo de melhorar a performance da minha p\u00e1gina inicial com base nos dados fornecidos pelo YSlow, observe na imagem abaixo que fiquei com uma nota baix\u00edssima, D(68).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.milfont.org\/tech\/wp-content\/upload\/otimizacao1.png\" alt=\"sem otimizacao\"\/><\/p>\n<p>Eu sabia que manipular o HTTP com &#8220;Expire Header&#8221;, &#8220;Gzip&#8221;, entre outras coisas, no meu servidor, somente por meio do .htaccess. Pesquisando na web como configurar esse arquivo apropriadamente, descobri esse site <a href=\"http:\/\/www.askapache.com\/\">Askapache.com<\/a>, com <a href=\"http:\/\/www.askapache.com\/htaccess\/apache-speed-expires.html\">artigos resolvendo<\/a> esses requisitos e com c\u00f3digos prontos.<\/p>\n<p>Apliquei esse conjunto de instru\u00e7\u00f5es no arquivo .htaccess (caso ele n\u00e3o exista, crie um com esse nome):<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.milfont.org\/tech\/wp-content\/upload\/console.png\" alt=\"criar htaccess\"\/><\/p>\n<pre lang=\"text\">\r\nHeader unset ETag\r\nFileETag None\r\n<filesmatch>\r\nSetOutputFilter DEFLATE\r\n<\/filesmatch>\r\n\r\n# 480 weeks\r\n<filesmatch>\r\nHeader set Cache-Control \"max-age=290304000, public\"\r\n<\/filesmatch>\r\n\r\n# 2 DAYS\r\n<filesmatch>\r\nHeader set Cache-Control \"max-age=172800, public, must-revalidate\"\r\n<\/filesmatch>\r\n\r\n# 2 HOURS\r\n<filesmatch>\r\nHeader set Cache-Control \"max-age=7200, must-revalidate\"\r\n<\/filesmatch>\r\n\r\n<filesmatch>\r\nHeader set Cache-Control \"public\"\r\nHeader set Expires \"Thu, 15 Apr 2010 20:00:00 GMT\"\r\n<\/filesmatch><\/pre>\n<p>Logo ap\u00f3s tirei mais um screenshot e minha nota melhorou muito, quase perfeito, agora tinha um B(89).<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.milfont.org\/tech\/wp-content\/upload\/otimizacao2.png\" alt=\"otimizado\"\/><\/p>\n<p>Por fim, para resolver o problema do CDN, eu segui o pr\u00f3prio <a href=\"http:\/\/developer.yahoo.com\/yslow\/faq.html#faq_cdn\">faq<\/a> do YSlow para camuflar esse requisito, n\u00e3o acho necess\u00e1rio (no meu caso) a utiliza\u00e7\u00e3o de um <a href=\"http:\/\/en.wikipedia.org\/wiki\/Content_Delivery_Network\">Content Delivery Network<\/a>. Quem sabe se eu me tornar um problogger, maybe \ud83d\ude42<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.milfont.org\/tech\/wp-content\/upload\/otimizacaofinal.png\" alt=\"otimizacao final\"\/><\/p>\n<p>Minha nota agora acompanha o pr\u00f3prio Yahoo!, existe um selinho de alta performance? No fim das contas o que vale mesmo \u00e9 em quanto tempo seu site vai abrir l\u00e1 no seu leitor, essas dicas n\u00e3o substituem um layout enxuto e bem montado.<\/p>\n<p id=\"wqd21\">Typically chemist&#8217;s shop can sale to you with discreet treatments for various health problems. There are numerous of safe online pharmacies that will deliver medications to your address. There are divers medicines for each afflictions. Learn more about &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">viagra manufacturer coupon<\/a>&#8220;. Maybe &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">viagra discount coupons<\/a>&#8221; is a extremely complicated matter. Matters, like &#8220;<a href=\"http:\/\/free-viagrasamples.com\/viagra_coupons.html\">coupons for viagra<\/a>&#8220;, are coupled numerous types of soundness problems. If you need to take prescription medications, ask your dispenser to check your testosterone levels before. Sometimes the treatment options may include erectile disfunction remedies or a suction device that helps get an erection. Keep in mind web-site which is ready to sell erectile disfunction drugs like Viagra without a recipe is fraudulent. When you purchase from an unknown web-site, you run the risk of getting counterfeit remedies. <\/p>\n<p><script type=\"text\/javascript\"> end21_(); <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O plugin do Yahoo! para o Firefox, YSlow, que se integra ao Firebug, avalia a performance dos sites com base nas regras de performance do Yahoo! Developer Network. Essa regras s\u00e3o dicas valiosas para melhorar o arquivamento que os browsers fazem (cache) e transfer\u00eancia de dados em geral. Geralmente quando instalamos o WordPress, nos preocupamos [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[27,31,8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/21"}],"collection":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":0,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}