提高前端網頁效能的各種措施

2021-10-23 07:20:49 字數 386 閱讀 5662

我將把應用程式載入分為三個不同的階段:

初始渲染–使用者看到任何東西需要多長時間?

應用程式載入–使用者可以使用該應用程式多長時間?

減少渲染阻止請求

避免順序渲染阻止請求鏈

重複使用伺服器連線加快請求----對同一伺服器的後續請求可以重新使用現有連線減少檔案大小並使用cdn

使用服務工作者預載入和快取資源

**包拆分:僅載入必要的**,並最大化快取命中率

載入頁面資料  

有兩種方法可以避免這種情況:

將頁面資料嵌入html文件中

通過文件中的內聯指令碼啟動資料請求

閱讀michałjanaszek的這篇文章,以了解如何將服務端與伺服器端渲染結合在一起。

預防網頁病毒的措施

現在的黑客都越來越厲害,網頁病毒 防不勝防,在你瀏覽網頁的時候就可能已經中招,電腦 安全主要是預防,我們可以變被動的查殺為主動的防範,具體我們可以採取以下措施做到防患於未然。一 遮蔽指定網頁 對於已知 的惡意 我們可以將其遮蔽。啟動ie瀏覽器,開啟 工具 選單下的 internet選項 命令 切換到...

網頁前端效能測試 Lighthouse的使用

lighthouse 幫助 是乙個google開源的自動化工具,它的主要功能就是檢測 的效能,分析網路應用和網頁,收集現代效能指標並提供對開發人員最佳實踐的意見。它能夠針對性能 可訪問性 漸進式 web 應用等進行審核。由於chrome開發著工具中audits面板配置好引數,點選 run audit...

web的各種前端列印方法之CSS控制網頁列印樣式

css控制網頁列印樣式 使用css控制列印樣式,握剛剛使用時一塌糊塗,根本不知道css中的midia的作用是什麼,問到別人說匯入這個樣式,還傻乎乎的不知所措。如果你也有這種現象,那麼我告訴你吧,在w3school查到css的midia的作用。midia 定義和用法 media 屬性規定被鏈結文件將顯...