使用 HTML5Boilerplate 优化包含可爱滑块的页面时，幻灯片会下降大约 15 像素，并且会返回列表样式的光盘。这可以在http://www.quailparkoflynnwood.com/dev/index.htm（未压缩）和http://www.quailparkoflynnwood.com/dev/publish/index.htm（压缩）中看到。任何有关查明原因的见解将不胜感激。我的回退是根本不压缩包含滑块的页面。
问问题
349 次
2 回答
0
问题是可爱的滑块样式没有包含在最终的压缩输出中。通过使用 main.css 保存所有 css 文件的导入语句来解决这个问题。在早期版本的 HTML5 样板中，这是正确的编码。我对 HTML5bp v4.1.0 的阅读似乎暗示这不再是预期的设置，但最新版本的 Build (v1.0) 仍然需要导入语句。
于 2013-03-14T21:46:39.300 回答
0
我看不到滑块，带有光盘的图像实际上是列表项中的图像，因此您在 div#slideshow; 中有一个无序列表；也许 normalize.css 没有覆盖无序列表的样式规则。
将以下代码添加到样式标记或 css 文件以删除该样式
#slideshow ul {
list-style-type: none !important; /*remove disc !important to override other rules */
padding: 0;
}
您的网站的页面速度得分为 51/100 :( 您有大量 404（对非现有资源的错误请求）和大图像（也未优化）。84c8a31.css 它很大而且缩小，并且似乎有重复的样式规则.
就我个人而言，我不会使用 js/css 缩小，因为它使进一步的维护变得非常复杂，以换取保存 som kb 和几个请求，在我看来，这是非常划算/有效的（对于常规大小的网站）。
如果您想优化您的网站，请开始优化和调整图像大小，查找并删除您提出的所有错误请求，尝试仅加载一两个带有您实际使用的样式规则的 css 文件，将脚本放在最后。
准备就绪时：gzip 文件并使用 .htaccess 文件添加缓存标头
祝开发者好运！
于 2013-03-12T20:02:30.517 回答