1、現(xiàn)代 CSS 和 JavaScript 技術(shù)提供可靠的替代方案

　　作為一名設(shè)計(jì)師，很容易養(yǎng)成使用龐大的媒體文件來增強(qiáng)網(wǎng)站外觀的習(xí)慣。幾十年來，這一直是做事的方式。無論是全屏圖像還是視頻背景，這些項(xiàng)目都具有變革性。但是，它們也會影響性能。

　　幸運(yùn)的是，現(xiàn)代 CSS 和 JavaScript 可以提供更好的替代方案。每個(gè)都具有可以替換媒體或使瀏覽器更容易消化這些文件的功能。

　　CSS 漸變和混合模式等視覺效果就是很好的例子。它們看起來和你可以在 Photoshop 中制作的任何東西一樣好，但沒有所有多余的膨脹。

　　如果您想添加動畫，CSS 動畫和 JavaScript 庫(例如 GSAP)可以滿足要求。它們不僅可以產(chǎn)生令人瞠目結(jié)舌的外觀，而且這些技術(shù)也非常快速。

　　此外，延遲加載提供了一個(gè)很好的折衷方案——至少對于不在頁面初始視口內(nèi)的媒體而言。包括圖像和 iframe 在內(nèi)的元素只會在需要時(shí)加載。這可以節(jié)省加載時(shí)間，同時(shí)仍然可以使用這些資產(chǎn)。本機(jī)瀏覽器支持使實(shí)現(xiàn)比以往更容易。

　　巧妙地使用這些技術(shù)可以幫助您避免為了外觀而降低性能。相反，您將實(shí)現(xiàn)更可持續(xù)的平衡。

　　2、美與性能可以共存，并非失此薄比

　　一個(gè)網(wǎng)站不僅僅是它的外觀、內(nèi)容或功能。這是一個(gè)有凝聚力的用戶體驗(yàn)。這意味著這些方面中的每一個(gè)都必須結(jié)合在一起才能為用戶提供服務(wù)。

　　為了有效地做到這一點(diǎn)，網(wǎng)站還必須優(yōu)先考慮性能。多年前，一個(gè)外觀漂亮但加載緩慢的網(wǎng)站可能更容易讓用戶退出。在強(qiáng)大的設(shè)備和快速的互聯(lián)網(wǎng)出現(xiàn)之前，快速加載不一定是用戶期望的事情(大多數(shù)網(wǎng)站加載都很慢)。

　　如今這已經(jīng)發(fā)生了巨大的變化，我們已經(jīng)擁有正確的工具和技術(shù)來實(shí)現(xiàn)這一目標(biāo)。在實(shí)踐中，需要我們仔細(xì)思考我們創(chuàng)建的視覺元素以及我們?nèi)绾螌?shí)現(xiàn)它們。