快速施工指南網(wǎng)站
當你開始在網(wǎng)頁上設計時,網(wǎng)站的速度似乎是別人的問題。至少,當我還是個菜鳥的時候,看起來是這樣的。畢竟,我在空白畫布上開始了每一個設計個軟件。沒有計劃,沒有線框。我通常甚至不計劃我將有多少頁,或將為他們。我只是“making網(wǎng)站”主要是為了娛樂,因為這是我決定如何度過青少年時期的方式。我想,一旦我想到如何建立**名網(wǎng)站,我就能想出如何優(yōu)化速度。
你得好好想想。許多人仍然有相當慢的互聯(lián)網(wǎng)接入3G不是很大,和移動用戶有那些惱人的數(shù)據(jù)上限。此外,那里還有數(shù)百萬移動臺可能配備低端處理器的設備。
雖然我能提供一些技能和技巧,
在這篇文章中,**重要的是你可以采取的心態(tài)。速度意味著轉換,銷售,和人們回到您的網(wǎng)站更多的內(nèi)容。慢網(wǎng)站意味著人們?nèi)y試他們的耐心和耐心。和網(wǎng)站可以感覺緩慢,即使他們加載快。這是互聯(lián)網(wǎng)。你有競爭對手。如果你想讓網(wǎng)站的速度影響你的基線,下面的圖表可以做出更直觀的解釋。
從上面開始你應該開始你的速度優(yōu)化,你應該開始這個過程的每一部分設計:與內(nèi)容。除非所有的訪問者都是web設計用戶,否則他們很可能不太關心你的網(wǎng)站設計,只要他們能獲得內(nèi)容。
如果內(nèi)容本身減慢了您的網(wǎng)站速度,則將在不優(yōu)化網(wǎng)站設計的情況下解決該問題。內(nèi)容可能會以一對夫婦的方式放慢速度:大量的圖像變得明顯,而大的圖像往往賣得更好。太棒了。但要小心使用這些海量圖像,以確保它們被適當壓縮,或者更好地使用SVG。如果你看一下這些數(shù)據(jù),你會發(fā)現(xiàn)平均頁面大小為移動的設備,通常速度較慢,覆蓋率數(shù)據(jù)計劃也很快接近1MB,一半的圖像問題。
當設計本身很慢時,當然,情況恰恰相反。許多網(wǎng)站帶有淺色、簡單的內(nèi)容,如文本和一些小圖像稱為低計劃設計,而錯誤代碼稱為。這在一定程度上是因為人們覺得有必要盡可能多地制作它們網(wǎng)站。我能理解這種沖動,但這一天的到來,主要是因為一個原因。用HTML5、CSS3和JavaScript替換flash不應該是您的目標。你的用戶不需要在屏幕上反彈。他們需要你提供的信息,或者你正在銷售的產(chǎn)品。這些奇怪的事情往往會使事情變慢。你的網(wǎng)站不需要視差效果,一堆動畫,或閃亮的小工具。
現(xiàn)在,我不是說你應該簡單地把它看作是一個白色背景上的黑色文本,沒有布局。我是說,每一種類型加上用戶體驗都需要權衡。當您將動畫和華麗內(nèi)容添加到網(wǎng)站時,如果需要,則需要一到兩個動畫內(nèi)容,或者需要更高級的東西。如果你不做一個真正的應用程序,你很有可能不需要jQuery這樣的東西。這尤其適用于中小型網(wǎng)站。
它不僅僅是字節(jié)大小。我在網(wǎng)上看到過動畫,這是我整個游戲機,不酷?,F(xiàn)在想象一下有人試圖瀏覽網(wǎng)站上的低端智能手機或平板電腦。想象一下挫折。如果只需要一個或兩個元素,那么設計就有spice,這是JavaScript插件的整個庫,不需要jQuery或其他框架。代碼太多,這使我受制于HTML和CSS框架。這個機會是,你不需要一個巨大的框架,比如一個指南或基礎,來制作一個簡單的網(wǎng)站。它可能會縮短前端開發(fā)時間,但可能不值得額外的負載時間。
如果您想使用框架,至少要自定義它,然后取出您不需要的。大多數(shù)大型HTML/CSS框架提供了一種簡單的方法來實現(xiàn)這一點。關于這些圖像。。不,不大。我們談過了?,F(xiàn)在讓我們來看看細節(jié)。您的網(wǎng)站還使用光柵背景顏色、漸變、陰影、圖標,以及那種類型的東西 不應該。如果您可以使用HTML,CSS、SVG,那么它應該。這可能是更多的代碼,但代碼通常仍然是輕JPEG文件,甚至許多PNG文件。所以我的網(wǎng)站現(xiàn)在很快,對吧 嗯,有很多東西要學,特別是如果你使用WordpressCMS之類的東西,或者任何復雜的主機設置。此建議只允許您開始構建**個網(wǎng)站
牧羊人設計
國外時尚網(wǎng)站設計欣賞東海岸和西海岸設計部
http://m.ezekroy.com/jianzhanzhishi/714.html 快速施工指南網(wǎng)站