Questions tagged «google-pagespeed»

当您在网站上运行适用于Firebug / Firefox的Google PageSpeed插件时，它会建议您可以无损压缩图像的情况，并提供下载此较小图像的链接。 例如： 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省33.5KiB（减少了85％）。 无损压缩http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可以节省18.5KiB（减少77％）。 无损压缩http://cdn.uservoice.com/images/widgets/zh-CN/feedback_tab_white.png可以节省262B（减少11％）。 无损压缩http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.png可以节省91B（减少51％）。 无损压缩http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可以节省61B（减少5％）。 这适用于JPG和PNG文件类型（我尚未测试过GIF或其他格式）。 还要注意Flickr缩略图（所有这些图像均为75x75像素。）它们可以节省很多。如果确实如此，那么Yahoo为什么不将服务器端应用于整个库并减少其存储和带宽负载呢？ 甚至Stackoverflow.com也代表了一些非常小的节省： 无损压缩http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省1.7KiB（减少10％）。 无损压缩http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省11B（减少1％）。 我已经看到PageSpeed建议使用Photoshop的“另存为Web”功能创建的PNG文件节省相当可观的费用。 所以我的问题是，它们对图像进行了哪些更改以将其缩小很多？我猜对于不同的文件类型有不同的答案。这真的对JPG无损吗？他们又如何击败Photoshop？我应该对此有所怀疑吗？

138 compression  imaging  pagespeed  google-pagespeed 

直到最近，我的网站（www.heatexchangers.ca）的Google Page Speed得分还是98％。我有几件事我无能为力，例如来自Web字体的查询字符串。我对此感到非常高兴，因为这代表了我所能做的一切。 最近，Google添加了一些会影响页面速度得分的内容，而我现在对Page Speed的了解仅为89％，并得到以下建议： 在首屏内容中消除外部阻止渲染的JavaScript和CSS。 解决此问题的建议似乎涉及浏览我所有的.css和.js文件，并将它们的某些部分分开，然后将它们内联添加到我的html中。这给我带来了一些困惑，因为我的印象是我们必须在HTML中尽可能多地保留JS和CSS。 “折叠之上”的内容到底是什么？如果是一些样式，例如字体，背景颜色等；那么我可以看到将内联包含在内并不是一件大事。我一直无法找到确切的清单。

132 javascript  html  css  google-pagespeed