前端優化雜記

2022-02-23 07:07:51 字數 489 閱讀 7038

1、每個請求都需要經過解析,連線等過程,也是相當耗時的,所以儘量減少請求,該合併的合併。

2、不要出現404,請求乙個不存在的資源,可能會導致較長時間的等待和阻塞,直到伺服器返回錯誤的資訊。

3、不要出現重定向,重定向相當於發起雙倍請求,耗時又耗資源。

4、指令碼一定放在樣式後面,最後放在body結束標籤前。

5、改變內容模組的排放順序,重要的往前排。

6、檔案大小小於50k時,檔案流比檔案系統快,所以比較小的可以轉為二進位制存放在資料庫。(沒有驗證,不知50k怎麼來的)

7、適度使用cdn,好處是如果使用者從其它站點載入過了,到了我們站點就不用再載入了,直接從快取讀取。

8、可生成縮圖,利用七牛的處理介面或者使用優化的grunt元件:grunt-image,全部自動化。

前端題目雜記

更多情況 參考 1 單行文字垂直居中 child 2 多行文字垂直居中 父元素使用display table和子元素使用display table cell屬性來模擬 子元素設定vertical align middle即可垂直居中 html 多行文字 多行文字 多行文字 多行文字 多行文字 多行文...

前端框架雜記

一 vue公共元件的理想狀態是什麼樣子的?1.黑盒性,即除了你自己以外,其他的開發者在快速閱讀使用文件之後可以立刻上手,而不用關心你的內部實現 2.獨立性,即做好解耦,不與父元件有過多關聯 3 自定義性,適當地暴露一些輸入介面或者方法給外部用於自定義,同時也要設定好這些屬性在外部未輸入時的預設值。二...

Webpack 專案優化雜記

本專案原始碼均可在 這裡 找到。之前公司的官網專案靜態檔案都是放在靜態伺服器中,這其中的弊端就不贅述了。簡單說一下 cdn 的好處 cdn 可以解決因分布 頻寬 伺服器效能帶來的訪問延遲問題,適用於站點加速 點播 直播等場景。使使用者可就近取得所需內容,解決 internet 網路擁擠的狀況,提高使...