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