建站
咨詢
售后
建站咨詢
新聞中心
在開發(fā)過程中，有時遇到由于緩存問題導致頁面不能及時更新，有時頁面引入了不必需的樣式腳本文件，有時由于文件太多，字節(jié)過大導致頁面的性能緩慢，為了解決這些問題，個人為JS性能問題設想了一個初步的解決方案。
JS性能問題解決方案如下：
描述 |
備注 | |
資源級別 |
頁面的資源級別： |
|
優(yōu)化方案 |
優(yōu)化主要從以下幾個方面： |
其他的優(yōu)化是從開發(fā)技巧上進行的，取決于專業(yè)水平 |
文件輸出方案 |
基于資源級別及優(yōu)化方案，制定以下4種方案： 1、直接引用單個文件依次引入（、） 2、基于1，進行單個文件壓縮 3、按照資源級別合并成新的單個文件 4、基于3，進行合并后的文件壓縮 |
思考點 方案3： 如何確定合并的文件個數(shù)？ |
緩存問題 |
采用時間戳后綴 |
|
f2econfig_json |
配置文件： var f2eJson={ "Update":"20091015",//根據(jù)時間戳更新緩存 "Compress":"1",//文件輸出方案（1，2，3，4） "Common":[//全站公共樣式 "common/global.css" ], "Module":{ //模塊及樣式 "模塊1":["product,.css"] }, "Page":{//每個頁面所擁有的樣式 "index.php":["","sys/index.css"], //第一個元素存儲模塊引用名稱，無則留空 "search.php":["模塊1","product/search.css"] //引用多個模塊，用 “，”隔開，比如： 模塊1，模塊2 } } |
|
f2engine.php |
1、讀取json配置文件，轉(zhuǎn)化成php數(shù)組 2、根據(jù)每個頁面的資源參數(shù)，查找該頁面擁有的樣式資源 3、根據(jù)文件輸出方案，進行處理 4、在頁面上輸出 |
|
JS性能問題解決的例子 |
比如search.php這個頁面的樣式引用 |
文章名稱：CSS與JS性能問題初步解決方案
網(wǎng)址分享：http://fisionsoft.com.cn/article/djggiss.html
