當(dāng)你開始在網(wǎng)頁上設(shè)計(jì)時(shí)，網(wǎng)站的速度似乎是別人的問題。至少，當(dāng)我還是個(gè)菜鳥的時(shí)候，看起來是這樣的。畢竟，我在空白畫布上開始了每一個(gè)設(shè)計(jì)個(gè)軟件。沒有計(jì)劃，沒有線框。我通常甚至不計(jì)劃我將有多少頁，或?qū)樗麄?。我只是“making網(wǎng)站”主要是為了娛樂，因?yàn)檫@是我決定如何度過青少年時(shí)期的方式。我想，一旦我想到如何建立**名網(wǎng)站，我就能想出如何優(yōu)化速度。

　　你得好好想想。許多人仍然有相當(dāng)慢的互聯(lián)網(wǎng)接入3G不是很大，和移動(dòng)用戶有那些惱人的數(shù)據(jù)上限。此外，那里還有數(shù)百萬移動(dòng)臺(tái)可能配備低端處理器的設(shè)備。

　　雖然我能提供一些技能和技巧，

　　在這篇文章中，**重要的是你可以采取的心態(tài)。速度意味著轉(zhuǎn)換，銷售，和人們回到您的網(wǎng)站更多的內(nèi)容。慢網(wǎng)站意味著人們?nèi)y(cè)試他們的耐心和耐心。和網(wǎng)站可以感覺緩慢，即使他們加載快。這是互聯(lián)網(wǎng)。你有競爭對(duì)手。如果你想讓網(wǎng)站的速度影響你的基線，下面的圖表可以做出更直觀的解釋。

　　從上面開始你應(yīng)該開始你的速度優(yōu)化，你應(yīng)該開始這個(gè)過程的每一部分設(shè)計(jì)：與內(nèi)容。除非所有的訪問者都是web設(shè)計(jì)用戶，否則他們很可能不太關(guān)心你的網(wǎng)站設(shè)計(jì)，只要他們能獲得內(nèi)容。

　　如果內(nèi)容本身減慢了您的網(wǎng)站速度，則將在不優(yōu)化網(wǎng)站設(shè)計(jì)的情況下解決該問題。內(nèi)容可能會(huì)以一對(duì)夫婦的方式放慢速度：大量的圖像變得明顯，而大的圖像往往賣得更好。太棒了。但要小心使用這些海量圖像，以確保它們被適當(dāng)壓縮，或者更好地使用SVG。如果你看一下這些數(shù)據(jù)，你會(huì)發(fā)現(xiàn)平均頁面大小為移動(dòng)的設(shè)備，通常速度較慢，覆蓋率數(shù)據(jù)計(jì)劃也很快接近1MB，一半的圖像問題。

　　當(dāng)設(shè)計(jì)本身很慢時(shí)，當(dāng)然，情況恰恰相反。許多網(wǎng)站帶有淺色、簡單的內(nèi)容，如文本和一些小圖像稱為低計(jì)劃設(shè)計(jì)，而錯(cuò)誤代碼稱為。這在一定程度上是因?yàn)槿藗冇X得有必要盡可能多地制作它們網(wǎng)站。我能理解這種沖動(dòng)，但這一天的到來，主要是因?yàn)橐粋€(gè)原因。用HTML5、CSS3和JavaScript替換flash不應(yīng)該是您的目標(biāo)。你的用戶不需要在屏幕上反彈。他們需要你提供的信息，或者你正在銷售的產(chǎn)品。這些奇怪的事情往往會(huì)使事情變慢。你的網(wǎng)站不需要視差效果，一堆動(dòng)畫，或閃亮的小工具。

　　現(xiàn)在，我不是說你應(yīng)該簡單地把它看作是一個(gè)白色背景上的黑色文本，沒有布局。我是說，每一種類型加上用戶體驗(yàn)都需要權(quán)衡。當(dāng)您將動(dòng)畫和華麗內(nèi)容添加到網(wǎng)站時(shí)，如果需要，則需要一到兩個(gè)動(dòng)畫內(nèi)容，或者需要更高級(jí)的東西。如果你不做一個(gè)真正的應(yīng)用程序，你很有可能不需要jQuery這樣的東西。這尤其適用于中小型網(wǎng)站。

　　它不僅僅是字節(jié)大小。我在網(wǎng)上看到過動(dòng)畫，這是我整個(gè)游戲機(jī)，不酷。現(xiàn)在想象一下有人試圖瀏覽網(wǎng)站上的低端智能手機(jī)或平板電腦。想象一下挫折。如果只需要一個(gè)或兩個(gè)元素，那么設(shè)計(jì)就有spice，這是JavaScript插件的整個(gè)庫，不需要jQuery或其他框架。代碼太多，這使我受制于HTML和CSS框架。這個(gè)機(jī)會(huì)是，你不需要一個(gè)巨大的框架，比如一個(gè)指南或基礎(chǔ)，來制作一個(gè)簡單的網(wǎng)站。它可能會(huì)縮短前端開發(fā)時(shí)間，但可能不值得額外的負(fù)載時(shí)間。

　　如果您想使用框架，至少要自定義它，然后取出您不需要的。大多數(shù)大型HTML/CSS框架提供了一種簡單的方法來實(shí)現(xiàn)這一點(diǎn)。關(guān)于這些圖像。。不，不大。我們談過了?，F(xiàn)在讓我們來看看細(xì)節(jié)。您的網(wǎng)站還使用光柵背景顏色、漸變、陰影、圖標(biāo)，以及那種類型的東西 不應(yīng)該。如果您可以使用HTML，CSS、SVG，那么它應(yīng)該。這可能是更多的代碼，但代碼通常仍然是輕JPEG文件，甚至許多PNG文件。所以我的網(wǎng)站現(xiàn)在很快，對(duì)吧 嗯，有很多東西要學(xué)，特別是如果你使用WordpressCMS之類的東西，或者任何復(fù)雜的主機(jī)設(shè)置。此建議只允許您開始構(gòu)建**個(gè)網(wǎng)站

　　牧羊人設(shè)計(jì)

　　國外時(shí)尚網(wǎng)站設(shè)計(jì)欣賞東海岸和西海岸設(shè)計(jì)部

http://www.dongguanlifeng.com/jianzhanzhishi/714.html 快速施工指南網(wǎng)站