響應(yīng)式布局的網(wǎng)頁(yè)設(shè)計(jì)是流行已經(jīng)十年，是理想的多屏連接然而，我們所處的世界，這是權(quán)衡性能，由于尺寸較大的文件。

這促使一些專家說(shuō)，像閃光的初期，響應(yīng)式設(shè)計(jì)是什么，我們都可以得到興奮，沒(méi)有很好的理由。然而，而此刻出現(xiàn)性能問(wèn)題，這些可以在一定程度上克服一些小的調(diào)整，壓縮和調(diào)整圖像大小。

為什么響應(yīng)式設(shè)計(jì)可以執(zhí)行緩慢

響應(yīng)式設(shè)計(jì)荷載相同的HTML元素的每個(gè)設(shè)備，包括用于平板電腦和桌面交付。這意味著往往是交付的所有內(nèi)容，包括圖像和腳本，不管什么設(shè)備上觀看。

去年開(kāi)展

的一項(xiàng)研究

表明，86％的響應(yīng)網(wǎng)站目前網(wǎng)上提供一個(gè)完整的桌面到移動(dòng)設(shè)備的頁(yè)面。這顯然是需要解決的，如果我們要停止在其軌道上的進(jìn)展臃腫的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的趨勢(shì)。

此刻響應(yīng)式設(shè)計(jì)是推高了頁(yè)面大小，這是大勢(shì)所趨，需要加以解決，尤其是當(dāng)你考慮到57％的手機(jī)用戶會(huì)離開(kāi)，如果該網(wǎng)站在3秒內(nèi)不加載。

如何才能性能得到改善呢？

對(duì)于那些誰(shuí)已經(jīng)有一個(gè)設(shè)計(jì)到位，現(xiàn)在是想優(yōu)化，

Mobitest

為了去解決它可以用來(lái)衡量業(yè)績(jī)。當(dāng)然，在規(guī)劃設(shè)計(jì)時(shí)，優(yōu)化將更加簡(jiǎn)單，在這個(gè)階段，開(kāi)展性能應(yīng)始終被視為設(shè)計(jì)的重要組成部分，而不是事后。

為了提高性能，需要降低的大小與它的頁(yè)面和資源加載。這可以通過(guò)使用不同的技術(shù)，而不會(huì)嚴(yán)重改變它的外表和感覺(jué)的網(wǎng)站。

首先要考慮的是如何保證的資源，這是需要被發(fā)送到目標(biāo)設(shè)備。這是可以做到的HTTP請(qǐng)求的數(shù)量減至最少，從而使用戶花費(fèi)更少的時(shí)間等待DOM加載。這可以反過(guò)來(lái)通過(guò)壓縮CSS和Javascript資源， 可以使用的工具，如

指南針

-一個(gè)開(kāi)源的CSS制作框架- 。這允許開(kāi)發(fā)者創(chuàng)造出更清晰的標(biāo)記，并創(chuàng)建的精靈和擴(kuò)展與最小做文章。

與問(wèn)候的JavaScript，可使用工具，如UglifyJS壓縮代碼。

有條件的負(fù)荷

這可以被認(rèn)為是一個(gè)重要的技術(shù)，當(dāng)它涉及到響應(yīng)式設(shè)計(jì)，它可以被用來(lái)確保手機(jī)和智能手機(jī)用戶不要下載方面的網(wǎng)站，慢了，或者說(shuō)，他們將不會(huì)使用。

有條件的負(fù)載可以用來(lái)停止加載，包括社會(huì)的部件，圖像，地圖和大量的各種內(nèi)容。重要的是要注意在這一點(diǎn)上，該網(wǎng)站應(yīng)該進(jìn)行徹底的測(cè)試，在每個(gè)階段的優(yōu)化，這樣可以很容易地看看有什么差異，你走。

圖片

我們都知道，圖像通常是負(fù)責(zé)在網(wǎng)頁(yè)中金額最大的千字節(jié)。它也可以安全地說(shuō)，它是專為桌面瀏覽器的圖像要表現(xiàn)不佳的時(shí)候，傳遞到移動(dòng)設(shè)備。

如果一個(gè)網(wǎng)站也有很多的舊內(nèi)容，然后這會(huì)影響性能，甚至和一些方法，以防止此內(nèi)容加載需要實(shí)施。雖然這是可以做到通過(guò)改變src或img元素改變的標(biāo)記，

自適應(yīng)數(shù)字圖像

的PHP解決方案可能是更容易。軟件檢測(cè)到的屏幕尺寸，并自動(dòng)創(chuàng)建，緩存，并發(fā)出適當(dāng)?shù)陌幢壤s小的嵌入的HTML的圖像，而不需要改變的標(biāo)記。被用于流體圖像技術(shù)結(jié)合，這是一個(gè)方便的解決方案，這將節(jié)省大量的時(shí)間。自適應(yīng)數(shù)字圖像使用htaccess文件，一個(gè)PHP文件和單一的一行Javascript，以確定屏幕尺寸的游客到現(xiàn)場(chǎng)。

文本

這是值得思考有關(guān)文本，因?yàn)檫@將包裹自然當(dāng)設(shè)備被收窄，并可能會(huì)導(dǎo)致顯示問(wèn)題。

FitText

是一個(gè)工具，可以幫助地址本，一個(gè)jQuery插件自動(dòng)的更新字體大小，的最低和最高的選項(xiàng)將被允許的大小。

這是非常嚴(yán)重，可能會(huì)顯示在移動(dòng)設(shè)備上的頭條新聞，并允許被忽略CSS3指定的字體大小。然而，F(xiàn)itText只用于頭條，不應(yīng)該使用在段落文本內(nèi)。

為什么選擇響應(yīng)的設(shè)計(jì)嗎？

雖然響應(yīng)的設(shè)計(jì)有它的問(wèn)題，就像任何相對(duì)較新的技術(shù)或技巧，它仍然是值得選擇以這種方式建立一個(gè)網(wǎng)站。沒(méi)有人想往回走，雖然它可能是更容易建立一個(gè)移動(dòng)網(wǎng)站，更好的做法是盡可能創(chuàng)新。

谷歌同意，他們的意見(jiàn)

是使用響應(yīng)式設(shè)計(jì)最好的方式來(lái)為移動(dòng)設(shè)計(jì)。當(dāng)然搜索巨頭來(lái)說(shuō)，這意味著他們只有一個(gè)URL抓取什么本質(zhì)上是相同的網(wǎng)站，而不是眾多的網(wǎng)址，所以它是真正符合他們的利益。

然而，就在這個(gè)時(shí)候，社會(huì)共享的癲狂也有道理，因?yàn)橛腥耸褂玫氖桥_(tái)式，移動(dòng)用戶可以共享一個(gè)頁(yè)面。為了建立一個(gè)統(tǒng)一的經(jīng)驗(yàn)，這應(yīng)該提供相同的內(nèi)容。

此外，有一個(gè)負(fù)責(zé)任的網(wǎng)站提高生產(chǎn)力的勞動(dòng)力，因?yàn)楸举|(zhì)上是少了很多做。這適用于內(nèi)容，更新和搜索引擎優(yōu)化，因?yàn)檫@將需要分別進(jìn)行不同的網(wǎng)站都建。

這些數(shù)字

移動(dòng)設(shè)備和平板電腦連接到互聯(lián)網(wǎng)，并在此沖浪差不多，后PC時(shí)代正在成為常態(tài)。平板電腦全球銷量在短短一年的時(shí)間，在這段時(shí)間增加了一倍以上，目前很多消費(fèi)者選擇不同的設(shè)備上運(yùn)行Android以及iOS的飆升。

毫無(wú)疑問(wèn)，到目前為止，響應(yīng)式設(shè)計(jì)具有積極的影響，盡管性能的擔(dān)憂。

據(jù)一份報(bào)告顯示

，問(wèn)了一些世界頂級(jí)品牌如何在一個(gè)負(fù)責(zé)任的網(wǎng)站影響了交通，在所有設(shè)備上的訪問(wèn)量明顯增加。

這包括移動(dòng)游客平均增長(zhǎng)23％，以及降低跳出率26％，比以前見(jiàn)過(guò)的網(wǎng)站上花費(fèi)更多的時(shí)間在7.5％左右的游客。

奧尼爾，時(shí)尚的沖浪服裝零售商，報(bào)告的轉(zhuǎn)換率，這是iPad和iPhone上，發(fā)展一個(gè)有回應(yīng)網(wǎng)站的結(jié)果高出65.7％。占一個(gè)單獨(dú)這些設(shè)備的收入增長(zhǎng)101.2％。

隨著Android設(shè)備方面，轉(zhuǎn)化率甚至更好，高達(dá)407.3％，占了巨大的收入增長(zhǎng)了591.4％。較小的轉(zhuǎn)化率在非移動(dòng)設(shè)備上看到，雖然增長(zhǎng)仍然被看見(jiàn)。

這僅僅是釋放他們的數(shù)字，這是相當(dāng)困難的，得到別人的數(shù)據(jù)，現(xiàn)在的品牌之一，因?yàn)樗c社會(huì)化媒體的影響，一對(duì)夫婦幾年前。然而，它在某種程度上證明設(shè)計(jì)一個(gè)負(fù)責(zé)任的網(wǎng)站所得到的回報(bào)可能是巨大的。

銘記這一點(diǎn)，進(jìn)一步原因沒(méi)有任何設(shè)計(jì)師需要啟動(dòng)響應(yīng)設(shè)計(jì)為他們的客戶，并試圖以確保它們執(zhí)行，以及因?yàn)樗麄兛赡芸梢詥?？沒(méi)有一個(gè)，和那些設(shè)計(jì)師誰(shuí)不想去學(xué)習(xí)如何設(shè)計(jì)，建造和使用響應(yīng)的技術(shù)來(lái)優(yōu)化一個(gè)網(wǎng)站的麻煩可能會(huì)發(fā)現(xiàn)自己留在灰塵。

67％的用戶說(shuō)，他們已經(jīng)通過(guò)移動(dòng)網(wǎng)站購(gòu)買，它認(rèn)??為使用移動(dòng)互聯(lián)網(wǎng)將超越桌面明年。軸承記住這一切，這是很容易看到為什么企業(yè)會(huì)變得越來(lái)越感興趣，他們可以提供最好的移動(dòng)網(wǎng)絡(luò)解決方案。

響應(yīng)式設(shè)計(jì)可能仍然處于起步階段，但在目前，它似乎很清楚，市場(chǎng)需求將使其迅速成長(zhǎng)起來(lái)，所以它的許多方面的紀(jì)律盡可能值得學(xué)習(xí)。