2022-06-11 分類: 網(wǎng)站建設(shè)
創(chuàng)新互聯(lián)給你列舉一些在網(wǎng)頁制作或者瀏覽師怎樣提升網(wǎng)頁的加載性能的方法。
80%的用戶響應(yīng)時刻用于前端。這個時間段,大多數(shù)是綁在下載頁面中的一切組件:圖畫,樣式表,腳本,F(xiàn)lash等削減元件數(shù)量,從而削減了所需的HTTP懇求的數(shù)量出現(xiàn)頁面。這是更快的頁面的要害。一種辦法來削減元件的頁碼是簡化頁面的規(guī)劃。但有沒有辦法建造有更豐厚的內(nèi)容頁面,一起也獲得迅速的反應(yīng)時刻?以下是削減HTTP懇求數(shù)量的一些技巧,一起還支撐豐厚的頁面規(guī)劃。聯(lián)合文件 是一種辦法,以削減腳本數(shù)目單一的HTTP懇求的腳本將聯(lián)系一切,同樣一切的CSS款式單相聯(lián)系成一個。聯(lián)系文件是更具挑戰(zhàn)性的腳本和樣式表時,從一頁一頁地不同,但使這一進(jìn)程的一有些,你的開釋進(jìn)步呼應(yīng)時間。CSS的精靈 ,是選的辦法對圖畫的請求的數(shù)目削減。聯(lián)系您的單一圖畫布景圖畫分為A,使用CSS 布景圖畫和布景位置特點,以顯現(xiàn)所需的圖畫有些。
大多數(shù)開開發(fā)者通過JavaScript和圖像優(yōu)化,通過服務(wù)器配置,壓縮文件和合并,甚至調(diào)整CSS(合并小圖片)。
理想情況下,你應(yīng)該安裝火狐瀏覽器。你也應(yīng)該大致了解網(wǎng)絡(luò)發(fā)展。這篇文章的主題涉及并不復(fù)雜,但是如果你了解超文本標(biāo)記語言(超文本標(biāo)記語言,HTML、層疊樣式表(CSS(層疊樣式表,CSS)以及編程語言,如主題,因此本研究將更容易。不需要使用一個集成開發(fā)環(huán)境(IDE),只是使用你喜歡的編輯器。
HTML是越來越大。排名前100的網(wǎng)站每個HTML頁面是40 K左右,亞馬遜和雅虎的HTML頁面使用千個。在Youtube的主頁,html元素高達(dá)3500個。為了減少復(fù)雜性和HTML頁面不明顯增加元素分析時間-但HTML是建立網(wǎng)頁的數(shù)量和速度,適應(yīng)不同的設(shè)備和影響的關(guān)鍵成功因素。方法不僅是一種書寫HTML代碼。這里只是一個共同的經(jīng)驗,但不是唯一正確的選擇。
不超載布局
在博客(和新網(wǎng)站)出現(xiàn)之前,這樣頁面滾動的水平或垂直滾動被認(rèn)為是不好的做法。頁面越小,越困難(但不是不可能)填充屏幕狀況良好?,F(xiàn)在,博客和內(nèi)容驅(qū)動的網(wǎng)站,不時看到幾百Kb的頁面大小。是的,你需要填入更多的空間,但這并不意味著你必須使用一個大的背景圖片,大量的表,或大量的內(nèi)容填寫。遵循簡單的原則:少即是多。頁充滿了各種類型的圖片、視頻、廣告等,這是與實用性的原則,因此,當(dāng)添加頁面的內(nèi)容請三思。
檢查使用cookie的情況
cookie 可能是很小的文件,但是瀏覽器仍然需要下載它們。大的cookie需要下載時間,從而增加瀏覽器加載頁面的時間。由于這個原因,它是非常重要的最小化瀏覽器的響應(yīng)時間因素。
壓縮和縮小JavaScript文件
JavaScript文件可以是非常大的,這意味著在某些情況下,他們的下載時間可能超過所有其他組件的下載時間還長。解決這個問題的一個方法是壓縮JavaScript文件。您可以使用郵政GNU(gzip)來完成這項任務(wù),因為很多瀏覽器都支持這種壓縮算法。另一個替代方法是縮小文件。這種方法刪除所有不必要的字符代碼,如制表符、空格和換行(選項卡)。刪除代碼中的注釋和空白,進(jìn)一步減少文件的大小。外部和內(nèi)部樣式表可以減少。兩個最受歡迎的是一和壓縮機(jī)YUI縮小工具
代理緩存
當(dāng)瀏覽器通過代理來發(fā)送請求時,情況會不一樣。假設(shè)針對某個URL發(fā)送到代理的第一個請求來自于一個不支持gzip的瀏覽器。這是代理的第一個請求,緩存為空。代理將請求轉(zhuǎn)發(fā)給服務(wù)器。此時響應(yīng)是未壓縮的,代理緩存同時發(fā)送給瀏覽器?,F(xiàn)在,假設(shè)到達(dá)代理的請求是同一個url,來自于一個支持gzip的瀏覽器。代理會使用緩存中未壓縮的內(nèi)容進(jìn)行響應(yīng),從而失去了壓縮的機(jī)會。相反,如果第一個瀏覽器支持gzip,第二個不支持,你們代理緩存中的壓縮版本將會提供給后續(xù)的瀏覽器,而不管它們是否支持gzip。
解決辦法:在web服務(wù)器的響應(yīng)中添加vary頭Web服務(wù)器可以告訴代理根據(jù)一個或多個請求頭來改變緩存的響應(yīng)。因為壓縮的決定是基于Accept-Encoding請求頭的,因此需要在vary響應(yīng)頭中包含Accept-Encoding。
以上內(nèi)容就是創(chuàng)新互聯(lián)對,“在網(wǎng)頁制作或者瀏覽時怎樣提升網(wǎng)頁的加載性能”回答的內(nèi)容。找上海網(wǎng)站建設(shè)服務(wù),可直接聯(lián)系創(chuàng)新互聯(lián)客服。
文章題目:在網(wǎng)頁制作或者瀏覽時怎樣提升網(wǎng)頁的加載性能
網(wǎng)頁地址:http://m.rwnh.cn/news32/166182.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、移動網(wǎng)站建設(shè)、定制開發(fā)、商城網(wǎng)站、建站公司、動態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容