前端優化幾個小技巧

網站,每個人都知道的東西,我們身邊就有很多,每天都在和它大交道。而我們在使用或者瀏覽的時候發現很多網站都太繁瑣,顯得很笨重,瀏覽時間很長這些都是沒有被優化的網站,那問題也會隨之而來。

【編程開發資料免費分享微信:tangniu520666,備注“4”,安卓、前端、java】

簡單的說一下一個網站的優化應該從哪些方面入手

1. 清理 HTML 文檔

HTML,所有網站的支柱。網絡蜘蛛爬蟲很容易識別HTML,因此你在寫HTML的時候要盡量使用簡潔的語言來寫,也可以做外部引用

恰當放置 CSS

好多前端工程師在工作的時候喜歡先創建起HTML骨架然后在添加樣式進去,這樣是可以達到我們在網頁中想要的效果,但是,這樣不能提高網站的加載速度,訪問者不會把太多的時間用到等待上去,所以,我們應該注意優化

正確放置 Javascript

雖然對于網頁設計師來說, HTML 是最值得使用的工具之一,但它通常要與 CSS 和 JavaScript 一起使用,這可能會導致網頁瀏覽速度減慢。 雖然 CSS 和 JavaScript 有利于網頁優化,但使用時也要注意一些問題。使用 CSS 和 JavaScript 時,要避免嵌入代碼。因為當您嵌入代碼時,要將 CSS 放置在樣式標記中,并在腳本標記中使用 JavaScript,這會增加每次刷新網頁時必須加載的 HTML 代碼量。

2.減少外部HTTP請求

由于網站的加載時間取決于外部http請求,所以我們要檢查網站的不必要圖片,過多的css,多余插件等來消除任何影響訪問者體驗不好的成分。

3. 壓縮 CSS, JS 和 HTML

使用縮進或者注釋來去掉多余的字符這些方法無疑會讓你的代碼簡潔而且易讀,但它們也會在文檔中添加多余的字節。

4. 使用預先獲取

為了改善訪問用戶的瀏覽體驗,我們可以做一些預先獲取功能主要有3類預先獲取:

鏈接預先獲取

DNS 預先獲取

預先渲染

幸運的是,預先獲取很容易實現。

5. 使用 CDN 和緩存提高速度

內容分發網絡能顯著提高網站的速度和性能。使用 CDN 時,您可以將網站的靜態內容鏈接到全球各地的服務器擴展網絡。如果您的網站觀眾遍布全球,這項功能十分有用。 CDN 允許您的網站訪問者從最近的服務器加載數據。如果您使用 CDN,您網站內的文件將自動壓縮,以便在全球范圍內快速分發。

6. 使用輕量級框架

除非你只用現有的編碼知識構建網站,不然,你可以嘗試使用一個好的前端框架來避免許多不必要的前端優化錯誤。雖然有一些更大,更知名的框架能提供更多功能和選項,但它們不一定適合你的 Web 項目。

所以說,不僅確定項目所需功能很重要,選擇合適的框架也很重要——它要在提供所需功能的同時保持輕量。最近許多框架都使用簡潔的 HTML,CSS 和 JavaScript 代碼。

前端優化會耗費我們大部分的精力和時間,但是我們要做的就是為了用戶能有好的瀏覽效果,好的體驗。因此,前端的優化會有很多的益處。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容