通過AJAX預期JS＆CSS預加載 - 多少太多？

Question

我很想聽聽其他人的發言，你有多少利用「anticipated preloading」？

我們在我們的主頁上有幾個體積適中，縮小的JS和CSS文件集（每個約50k，設置了我們cdn上的所有緩存鈴聲和哨音），然後是123kb縮小/可緩存/ cdn' d一套JS文件和一些頁面上的CSS，用戶不可避免地會在我們的主頁後立即訪問。

因此，我一直在使用jQuery的getScript（）（使用緩存選項集）進行預加載，並且已經在主頁上加載頁面加載的123kb文件，以使用戶轉換到網站的更豐富的區域更快，更愉快。

事情似乎在我的電腦上表現很好，但a）這不是每個人的設置和b）在我的Firebug網絡控制檯上看到KB（〜550kb）的體重太重要了。當我返回它的565kb/568kb緩存，只有2.6s onload ..但仍然..

想法？至理名言？這對移動用戶有重大影響嗎？

好奇聽聽你的想法，乾杯

Answer 1

老實說，我不認爲這有什麼重要的其他人發現，你應該衡量它自己 - 否則，你就永遠是盲目飛行。對於你所知道的，你額外的javascript可能會傷害你的實際主頁性能。需要記住的關鍵是每個站點都是不同的：不同的人口統計數據，瀏覽器故障，移動與桌面以及最重要的業務KPI。

所有這一切都說：衡量它，不要依賴軼事。有很好的工具可以幫助你。如果您運行Google Analytics，請查看自定義變量。您可以通過會話標記訪問者，或者直到Cookie過期並根據該Cookie獲取條件路徑。例如，一些用戶可以獲得預加載路徑，而其他用戶則不需要。一旦你掌握了這一點，將GA中的數據與KPI進行比較：廣告點擊率，跳出率，每次訪問的頁數，購買次數，漏斗率等。

另外，GA最近還推出了「內容實驗」您可以從GA內部運行測試（包括網站優化），並使用所有統計機器來分析結果。

最後但並非最不重要的是，GA不是城裏唯一的遊戲。搜索「a/b測試」，你會發現大量的第三方工具，以及可以放入自己的框架的開源插件。