這些年來，我們只能多實(shí)現(xiàn)其中的一個，或者放棄表演而不考慮美學(xué)，反正。作為一個有多年經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師，我很清楚這一點(diǎn)。比如，正如大家都知道大圖片會減慢加載時(shí)間一樣，為了美觀，盡量放大圖片。但是，在現(xiàn)代網(wǎng)絡(luò)上，如果這意味著顯著的性能損失，是否值得實(shí)施任何視覺增強(qiáng)？鑒于正確的方法，你不應(yīng)該這樣做。

　　首先，用戶不會傾向于停留在緩慢的網(wǎng)站加載上。他們只會在其他地方找到他們想要的東西。再說了，互聯(lián)網(wǎng)也不是什么新鮮事。認(rèn)為用戶會等你花里胡哨的介紹是不現(xiàn)實(shí)的。人們訪問你的網(wǎng)站是為了特定的目的。因此，任何阻礙它們的事情都可能不值得實(shí)施。

　　作為設(shè)計(jì)師，很容易養(yǎng)成使用巨大媒體文件來提升網(wǎng)站外觀的習(xí)慣。幾十年來，這一直是做事的方式。無論是全屏圖片還是視頻背景，這些項(xiàng)目都是革命性的。但是，它們也會影響性能。幸運(yùn)的是，現(xiàn)代CSS和JavaScript可以提供更好的替代方案。每個都有替換媒體或使瀏覽器更容易消化這些文件的功能。

　　CSS漸變、混合模式等視覺效果就是很好的例子。它們看起來和你在Photoshop中制作的任何東西一樣好，但是它們沒有額外的腫脹。如果要添加運(yùn)動，CSS動畫和JavaScript庫(比如GSAP)都可以滿足要求。它們不僅能產(chǎn)生令人驚艷的外觀，而且這些技術(shù)也非?？臁４送?，延遲加載提供了一個很好的折衷方案——至少對于不在頁面初始視口中的媒體。包括圖像和iframe在內(nèi)的元素只有在需要時(shí)才會被加載。這可以節(jié)省加載時(shí)間，同時(shí)仍然使用這些資產(chǎn)。本機(jī)瀏覽器支持使實(shí)現(xiàn)比以往任何時(shí)候都更容易。巧妙利用這些技術(shù)可以幫助您避免外觀性能下降。相反，你將實(shí)現(xiàn)更可持續(xù)的平衡。

　　網(wǎng)站不僅僅是它的外觀、內(nèi)容或功能。這是一種有凝聚力的用戶體驗(yàn)。這意味著必須將這些方面結(jié)合起來，才能為用戶提供服務(wù)。為了有效地做到這一點(diǎn)，網(wǎng)站必須優(yōu)先考慮性能。多年前，一個外觀漂亮但加載緩慢的網(wǎng)站可能更容易逃脫。在強(qiáng)大的設(shè)備和快速的互聯(lián)網(wǎng)出現(xiàn)之前，速度不一定是用戶的期望。

　　現(xiàn)在我們生活在一個隨需應(yīng)變的世界，我們所需要的一切只需一鍵點(diǎn)擊。如果你的網(wǎng)站不遵守這個承諾，就很難與訪問者建立持久的關(guān)系。網(wǎng)頁設(shè)計(jì)師需要隨著這些期望而改變。在實(shí)踐中，它要求我們仔細(xì)思考我們創(chuàng)造的視覺元素以及我們?nèi)绾螌?shí)現(xiàn)它們。做我們一直在做的事情可能不再可行。相反，一切都必須集中在很好的表現(xiàn)上。當(dāng)然，這是一個挑戰(zhàn)。好消息是我們有合適的工具和技術(shù)來實(shí)現(xiàn)這個目標(biāo)。