使用HTML5Boilerplate优化包含可爱滑块的页面时，幻灯片放大约下降15px并返回列表式光盘。这可以在http://www.quailparkoflynnwood.com/dev/index.htm（未压缩）和http://www.quailparkoflynnwood.com/dev/publish/index.htm（压缩）中看到。任何有关确定原因的见解都将非常感激。我的后备是不压缩包含滑块的页面。
答案 0 :(得分：0)
我看不到滑块，带有光盘的图像实际上是列表项中的图像，所以你在div＃slideshow中有一个无序列表;也许normalize.css没有覆盖无序列表的样式规则。
将以下代码添加到样式标记或css文件中以删除该样式
#slideshow ul {
list-style-type: none !important; /*remove disc !important to override other rules */
padding: 0;
}
您的网站的Page Speed得分为51/100 :( 你有大量的404（对非外来资源的不良请求）和大图像（也没有优化）。 84c8a31.css它庞大而且缩小了，似乎有重复的风格规则。
我个人不会使用js / css minifcation，因为它会进行非常复杂的进一步维护，以换取保存som kb和一些请求，我注意到它非常划算（对于常规大小的网站）。
如果您想优化您的网站开始优化和调整图片大小，找到并删除您正在制作的所有错误请求，尝试加载一个或两个css文件，并使用您实际使用的样式规则，最后放置脚本
准备好之后：gzip文件并使用.htaccess文件添加缓存标头
好运开发商！
答案 1 :(得分：0)
问题是可爱的滑块样式没有包含在最终的压缩输出中。通过使用main.css来保存所有css文件的import语句可以解决这个问题。在早期版本的HTML5boilerplate中，这是正确的编码。我对HTML5bp v4.1.0的解读似乎暗示这不再是预期的设置，但最新版本的Build（v1.0）仍然需要导入语句。