平衡酷炫視覺效果與流暢體驗是設(shè)計師和開發(fā)人員一直以來所面臨的挑戰(zhàn)。那么專家對此有什么建議呢?
要搞明白Web性能可不是件簡單的事情。通常情況下,設(shè)計師希望網(wǎng)站能夠包括最新的技巧和最好看的外觀,而開發(fā)人員則專注于保持網(wǎng)站運行流暢。要在兩者之中尋找一個好的折中方案是很難的。
我們邀請了幾位專家來分享一下他們在優(yōu)化Web性能方面有哪些實用建議。
01. 打造一種性能文化Brad Frost:我會幫助個人和機構(gòu)理解這個觀點:性能不僅僅是技術(shù)上的好,還是一個基本的設(shè)計原則。工作流程中每個人都應(yīng)該優(yōu)先考慮心梗,包括企業(yè)主、經(jīng)理人、設(shè)計師和開發(fā)等等。當(dāng)然,建立一種性能文化遠比應(yīng)用開發(fā)技巧困難,但長遠來看這種付出是值得的。
02.設(shè)置一個性能基準(zhǔn)Guy Podjarny:無法衡量的內(nèi)容是無法優(yōu)化的。在你的關(guān)鍵頁面上做一個WebPagetest測試,記錄下你最喜歡的速度和權(quán)值作為基準(zhǔn)。然后在構(gòu)建系統(tǒng)中重復(fù)測試,如果偏離基準(zhǔn)太多,那么就打破構(gòu)建。有了這幾個基準(zhǔn)線,你就可以逐步地優(yōu)化系統(tǒng),更上一層樓。
03. 建立性能預(yù)算來自Vox Product的Katie Kovalcin:Web性能是所有團隊成員從最初的與客戶對話階段就應(yīng)該重視的內(nèi)容。作為設(shè)計師,我喜歡在設(shè)計工作開始之前就與開發(fā)人員一起做一個性能預(yù)算,先熟悉一下自己在設(shè)計中會受到哪些限制。
我們會先設(shè)置一個數(shù)字,然后在設(shè)計時經(jīng)常進行內(nèi)部檢查,確保我做出的選擇都符合項目的整體目標(biāo)。如果有某個樣式損害了這些目標(biāo),我們會集體討論并提出其他解決方案,能夠做到反應(yīng)更快而且仍然能夠?qū)崿F(xiàn)之前的美觀要求。
04. 內(nèi)嵌關(guān)鍵CSSFastly的Web性能工程師Patrick Hamann:我們在項目開始時為核心性能指標(biāo)比如Start Render和Speed Index設(shè)置了預(yù)算,并使用諸如speedcurve.com、WebPagetest等這樣的工具來保證我們每次部署的時候都不會違反他們。我們做過的大的改進是將我們的關(guān)鍵CSS嵌入到我們網(wǎng)頁的中,從而將開始渲染時間縮短了兩秒鐘。
05. 平衡美學(xué)與速度Etsy團隊把Web性能看做是整體用戶體驗的重要部分。高級工程經(jīng)理Lara Hogan:我們認為平衡美學(xué)和速度非常重要,為了盡可能地了解兩者的影響,我們會進行A / B測試來衡量設(shè)計更改和性能變化,來確保我們能夠提供最優(yōu)秀的用戶體驗。我們在整個設(shè)計過程中始終謹(jǐn)記性能要求,測試和測量會變得容易一些。
06. 鎖定幀速率Chrome開發(fā)人員關(guān)系倡導(dǎo)者Paul Lewis:大多數(shù)人只重視加載性能,但你還需要測量網(wǎng)站對用戶輸入的相應(yīng)速度,以及它是否達到了穩(wěn)定的60fps滿足滾動和其他動畫的需求。
了解每秒鐘的幀數(shù)以及在JavaScript、樣式、布局、畫筆、組件所花費的時間是非常重要的,因為用戶會在幀數(shù)下降或者事件被鎖時注意到這些問題。熟悉開發(fā)工具,并在開發(fā)期間定期對項目進行存檔。
07. 讓每個人都參與進來前端開發(fā)人員Harry Roberts:我認為Web性能是一項團隊任務(wù)。性能是每個人的責(zé)任,而不應(yīng)該是某一個小組的責(zé)任。我通常會盡量早地介入關(guān)鍵產(chǎn)品和設(shè)計決策,以確保每件事情都是為了項目的好利益,確保設(shè)計處理、功能要求和代碼本身都有助于產(chǎn)品的性能。這是基本原則。
新聞標(biāo)題:優(yōu)化Web性能的七條專家建議
文章位置:http://www.rwnh.cn/news27/122527.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、面包屑導(dǎo)航、App開發(fā)、微信小程序、虛擬主機、云服務(wù)器
廣告
聲明:本網(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)