Tag: google pagespeed
CSS交付优化：如何推迟CSS加载？
我正在尝试优化按照开发人员的Google文档的CSS传递 https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example 正如你在内嵌一个小CSS文件的例子中看到的那样，头部内联的关键CSS和原来的small.css在页面载入后被加载 。 <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <noscript><link rel="stylesheet" href="small.css"></noscript> 我对这个例子的问题： 如何在页面加载后加载一个大的CSS文件？
Google Pagespeed中的“折叠内容”是什么？
直到最近，我的网站（www.heatexchangers.ca）在Google Page Speed上的得分为98。 有几件事情，我无能为力，如从Web字体查询string。 我对此感到非常高兴，因为这代表了我所能做的一切。 最近Google又添加了一些影响页面速度得分的东西，而我现在只在Page Speed上得到89％，并得到这个build议： 消除以上折叠内容中的外部呈现阻止JavaScript和CSS。 解决这个问题的build议似乎涉及到通过我所有的.css和.js文件，并分离它们的一些部分，并将它们内联添加到我的html中。 这给我造成了一些困惑，因为我觉得我们必须尽可能多的将JS和CSS放在HTML之外。 什么是“折叠之上”的内容？ 如果是几种样式如字体，背景色等; 那么我可以看到，包括内联可能不是太大的事情。 我一直无法find这是什么的清单。
Google的Page Speed无损图像压缩是如何工作的？
当您在网站上运行Google的PageSpeed Firebug / Firefox插件时，会提示可以无损压缩图像的情况，并提供下载这个较小图像的链接。 例如： 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省33.5KB（减less85％）。 无损压缩http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可节省18.5KB（减less77％）。 无损压缩http://cdn.uservoice.comhttp://img.dovov.comwidgets/en/feedback_tab_white.png可节省262B（减less11％）。 无损压缩http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/basehttp://img.dovov.comui-bg_flat_75_ffffff_40x100.png可节省91B（减less51％）。 无损压缩http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可节省61B（减less5％）。 这适用于JPG和PNG文件types（我还没有testingGIF或其他）。 还要注意Flickr的缩略图（所有这些图像都是75×75像素）。这是相当大的节省。 如果真的如此伟大，雅虎为什么不把这个服务器端应用到他们的整个库中，并减less他们的存储和带宽负载？ 即使Stackoverflow.com代表一些非常小的节省： 无损压缩http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省1.7KiB（减less10％）。 无损压缩http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省11B（减less1％）。 我已经看到，PageSpeedbuild议使用Photoshop创build的“Save for Web”function来创build相当不错的PNG文件。 所以我的问题是，他们对图像做了哪些改变以减less这些图像呢？ 我猜不同的文件types有不同的答案。 这对JPG是否真的无损？ 他们怎么能打败Photoshop？ 我应该对此有点怀疑吗？
