使用HTML5Boilerplate優化包含可愛滑塊的頁面時，幻燈片放映大約下降15px，並返回列表式光盤。這可以在http://www.quailparkoflynnwood.com/dev/index.htm（未壓縮）和http://www.quailparkoflynnwood.com/dev/publish/index.htm（壓縮）中看到。任何洞察指出這個原因將不勝感激。我的回退是簡單地不壓縮包含滑塊的頁面。將可愛滑塊與HTML5Boilerplate集成在一起
我看到沒有滑塊，圖像與光盤它實際上是一個列表項中的圖像，所以你有一個無序的列表裏面的div＃幻燈片;也許normalize.css沒有覆蓋無序列表的樣式規則。
下面的代碼添加到樣式標籤或CSS文件，刪除造型
#slideshow ul {
list-style-type: none !important; /*remove disc !important to override other rules */
padding: 0;
}
您的網站有一個的Page Speed得分的51/100 :( 你有足夠的404的（對非ex extenttent資源的錯誤請求）和大圖片（也沒有優化）84c8a31.css它是巨大的和縮小的，似乎有重複的樣式規則。使得皮毛非常複雜維護以換取節省som kb和幾個請求，在我看來這是非常低的/有效的（對於普通大小的網站）。
如果你想優化你的網站開始優化和調整你的圖像大小，找到並刪除所有不良請求你嘗試加載只有一個或兩個CSS實際使用風格的規則，把腳本放在結束。
當你準備好了：gzip的文件，並與.htaccess文件
好運顯影加入緩存頭！
問題是可愛的滑塊樣式沒有被包含在最終的壓縮輸出中。這可以通過使用main.css來保存所有css文件的導入語句來解決。在早期版本的HTML5boilerplate中，這是正確的編碼。我對HTML5bp v4.1.0的閱讀似乎意味着這不再是預期的設置，但最新版本的Build（v1.0）仍然期望導入語句。