将可爱的滑块与HTML5样板集成

将可爱的滑块与HTML5样板集成,html,css,html5boilerplate,Html,Css,Html5boilerplate,当使用HTML5样板优化包含可爱滑块的页面时,幻灯片将下降约15px,列表式光盘将返回。这可以在(未压缩)和(压缩)中看到。如果您能深入了解造成这种情况的原因,我们将不胜感激。我的退路是不压缩包含滑块的页面。我看不到滑块,带光盘的图像实际上是列表项中的图像,因此在div#slideshow;也许normalize.css没有覆盖无序列表的样式规则 将以下代码添加到样式标记或css文件以删除该样式 #slideshow ul { list-style-type: none !important;

当使用HTML5样板优化包含可爱滑块的页面时,幻灯片将下降约15px,列表式光盘将返回。这可以在(未压缩)和(压缩)中看到。如果您能深入了解造成这种情况的原因,我们将不胜感激。我的退路是不压缩包含滑块的页面。

我看不到滑块,带光盘的图像实际上是列表项中的图像,因此在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文件添加缓存头


祝开发者好运!

问题在于,可爱的滑块样式没有包含在最终的压缩输出中。这通过使用main.css保存所有css文件的导入语句得到了纠正。在早期版本的HTML5样板中,这是正确的编码。我对HTML5bp v4.1.0的阅读似乎暗示这不再是预期的设置,但最新版本的构建(v1.0)仍然需要导入语句