網站前端載入校能優化上，可透過 Google PageSpeed Insights 來評估與抓出問題，還會根據待改進項目的多寡及嚴重性給予優化上的分數。
最近在製作公司網站的專案，雖然沒什麼內容，但趁上線前就試著用 PageSpeed Insights 掃了一下。下圖是一開始的情況：
啊，雖然我不是分數控，但顯示紅色驚嘆號好像不大酷。
CSS
在 IE9 / IE8 中 Flash 的區塊高度未 100% 顯示的問題
Standard在處理 Flash Event Site 時遇過一個問題，特此紀錄。
於 Chrome 時瀏覽 100% 寬高的 Flash Site 時都很正常，但到了 IE9 / IE8 中測試卻變成下圖這樣，僅有不到一半的區塊大小：
這是一頁 ASP.NET Webform 的頁面，裡面包了 <form id=”form1″ runat=”server”> 標籤，就是這個 form 標籤在 IE9/8 中的高度解釋造成 Flash 區塊高度無法到達 100% 瀏覽器高度。
解決方法如下：
[jQuery] 自訂 select 選單樣式
Standard需求：下拉選單的設計是自訂的樣式，不只背景，連右方箭號也是。使用 jQuery 的解法很多，此為其中一種。
若要連下拉出的選單樣式都要變更，可參考 jQuery UI 的版本。
需求圖：
解法：
http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/
IE7 中表格被連續圖片撐破的解法
Standard在某個案子中，客戶反映某些使用者的瀏覽器(IE7)在瀏覽特定頁面時，會出現破表的問題。此部分為後端透過 FCKeditor 上稿，因此觀察了一下上稿的 html code，是這樣子的：
<p style="text-align: center"><img alt="" width="630" height="271" src="圖片位置" /><img alt="" width="630" height="828" src="圖片位置" /><img alt="" width="650" height="488" src="圖片位置" /></p>
這段語法被插入到一個表格中。而 IE8 或 Google Chrome 中瀏覽正常，圖片是垂直排列，但在 IE7 中圖片的排列會以水平橫向排列。
請求 Google 大神，找到了這篇，如該文說明，將
style="table-layout:fixed;word-wrap:break-word;word-break;break-all;"
加至表格即可解決此問題。