Questions tagged «pagespeed»

我正在寻求在PageSpeed上达到100/100，而且我快到了。我正在尝试找到一个很好的解决方案来缓存Google Analytics（分析）。 这是我收到的消息： 利用浏览器缓存在静态资源的HTTP标头中设置到期日期或最长期限，可以指示浏览器从本地磁盘而不是通过网络加载以前下载的资源。利用浏览器对以下可缓存资源进行缓存：http : //www.google-analytics.com/analytics.js（2小时） 我找到的唯一解决方案是从2012年开始的，我认为这不是一个好的解决方案。本质上，您可以复制GA代码并自己托管。然后，您每天执行一次cron作业来重新检查Google，以获取最新的GA代码并进行替换。 http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/ 在使用Google Analytics（分析）时，我还能做什么达到100/100？ 谢谢。

243 google-analytics  pagespeed 

我一直在使用Google PageSpeed见解来尝试改善网站的性能，到目前为止，事实证明它非常成功。诸如推迟脚本之类的事情可以很好地工作，因为我已经拥有一个内部版本的jQuery，.ready()可以将脚本推迟到页面完全加载之前，我要做的就是内联该特定函数并将完整的脚本移到页面末尾。效果很好。 但是现在我发现自己瞪着清单上剩下的一个黄色圆点：“在首屏内容中消除了阻止渲染的CSS”。 设置我的CSS的方法是拥有一个_.css包含样式的全局文件，这些样式通常适用于页面结构，或者在整个网站的一两个以上位置使用。然后，大多数页面都有一个关联的CSS文件（例如party.php具有party.css），其中包含特定于该特定页面的样式。我将所有CSS文件无限期地缓存，因为我会附加/t=FILEMTIME到文件名（然后使用.htaccess删除它们），以确保在更改文件时对它们进行更新。 因此，无论如何，Google建议内嵌折叠内容所需的关键样式。问题是...好吧，请看以下屏幕截图：http : //prntscr.com/1qt49e 如您所见... 所有内容都在首位！人们讨厌滚动，特别是在涉及加载许多页面的游戏上。因此，我将网站设计为适合一个屏幕（假定分辨率足够好）。因此，这意味着... 所有样式都适用于首屏内容！那么...有什么解决办法吗？还是我在那个接近完美的得分上留下了那个黄色标记？

153 css  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 

Google PageSpeed说我应该为JS和CSS“指定一个变化：Accept-Encoding标头”。如何在.htaccess中执行此操作？

81 .htaccess  pagespeed 

面对现实吧，jQuery / jQuery-ui的下载量很大。 Google建议推迟加载JavaScript，以加快初始渲染的速度。我的页面使用jQuery设置了一些选项卡，这些选项卡位于页面的较低位置（大部分不在初始视图中），我想将jQuery推迟到页面呈现后再使用。 网页加载后，Google的延迟代码通过链接到主体的onLoad事件向DOM添加了一个标记： <script type="text/javascript"> // Add a script element as a child of the body function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "deferredfunctions.js"; document.body.appendChild(element); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else …

69 javascript  jquery  pagespeed