建立響應式網站(zhàn)的利弊是什麽

作(zuò)為(wèi)一個(gè)在網站(zhàn)建設領域工作(zuò)了近18年的小(xiǎo)編輯，我仔細分析了響應式網站(zhàn)。實際上(shàng)，響應式網站(zhàn)具有(yǒu)許多(duō)優勢。我不在這裏列出。 Internet上(shàng)有(yǒu)很(hěn)多(duō)關于此主題的介紹。今天，我将重點介紹響應式網站(zhàn)的一些(xiē)缺點。響應式網站(zhàn)的四個(gè)主要缺點---響應式網站(zhàn)是一個(gè)很(hěn)大(dà)的陷阱。那(nà)麽，如何理(lǐ)解響應式網站(zhàn)，如何構建響應式網站(zhàn)，響應式網站(zhàn)與響應式網站(zhàn)有(yǒu)何區(qū)别，如何快速創建響應式網站(zhàn)呢？今天，我想談一談響應式網站(zhàn)的四個(gè)緻命缺陷：1.就用戶體(tǐ)驗而言，響應式網站(zhàn)尚不存在。響應式網站(zhàn)設計(jì)的基本原理(lǐ)是：自動識别屏幕尺寸并進行(xíng)相應調整的Web設計(jì)。頁面布局和(hé)顯示的內(nèi)容可(kě)能會(huì)随屏幕尺寸而變化。變化和(hé)變化。響應式布局無論使用什麽設備，服務器(qì)将數(shù)據推送到浏覽器(qì)後，腳本或CSS都會(huì)自動檢測設備的屏幕尺寸并執行(xíng)相應的樣式表內(nèi)容，并始終通(tōng)過本地腳本監視(shì)屏幕尺寸的變化，從而随時(shí)更改樣式響應。例如，如果在分辨率為(wèi)1280x768的計(jì)算(suàn)機屏幕和(hé)分辨率為(wèi)320x240的手機屏幕上(shàng)顯示相同的內(nèi)容，則內(nèi)容會(huì)擠在一起并且無法清晰看到。因此，響應式設計(jì)就是通(tōng)過隐藏一些(xiē)內(nèi)容來(lái)解決此問題。但(dàn)是在這種情況下，頁面的性能不是很(hěn)好，并且用戶的交互體(tǐ)驗非常不友(yǒu)好。例如，在以下響應式網站(zhàn)中，與計(jì)算(suàn)機左側相比，産品顯示模闆隐藏在右側，這對用戶體(tǐ)驗非常不友(yǒu)好。而且左側顯然與我們通(tōng)常看到的移動終端的設計(jì)不匹配。同一網站(zhàn)的PC和(hé)移動樣式差異太大(dà)。感覺好像有(yǒu)兩個(gè)沒有(yǒu)任何連接的網站(zhàn)。如果分别設計(jì)PC站(zhàn)和(hé)移動站(zhàn)，則可(kě)以從整體(tǐ)上(shàng)考慮規劃，并設計(jì)一個(gè)具有(yǒu)相同總體(tǐ)樣式和(hé)相似功能的網站(zhàn)。避免在上(shàng)述顯示器(qì)上(shàng)顯示。通(tōng)過天貓的方法，您可(kě)以看到移動站(zhàn)界面适合所有(yǒu)人(rén)。熟悉且流行(xíng)，以交互方式更接近于應用程序的UI樣式。 2，由于未簡化響應式網站(zhàn)代碼，因此優化網站(zhàn)是無益的。百度針對移動站(zhàn)和(hé)PC站(zhàn)的關鍵字處理(lǐ)策略有(yǒu)所不同。如果網站(zhàn)被設計(jì)為(wèi)響應式的，則所有(yǒu)設備都将訪問相同的代碼，這對于百度關鍵字優化是非常不利的。百度的搜索排名區(qū)分了移動站(zhàn)和(hé)PC站(zhàn)。如果PC站(zhàn)和(hé)移動站(zhàn)分開(kāi)，則移動站(zhàn)進行(xíng)的百度排名不會(huì)影(yǐng)響PC站(zhàn)的排名，并且PC站(zhàn)的百度優化也可(kě)以獨立于移動站(zhàn)來(lái)執行(xíng)。從商業推廣的角度來(lái)看，最好将移動站(zhàn)和(hé)PC站(zhàn)分開(kāi)，而不是設計(jì)一個(gè)統一的響應網站(zhàn)。 3.響應性網站(zhàn)還(hái)會(huì)由于代碼過多(duō)而導緻網站(zhàn)打開(kāi)緩慢。實現響應式網站(zhàn)的原理(lǐ)通(tōng)常是通(tōng)過css或js控制(zhì)某些(xiē)內(nèi)容的顯示或不顯示，以便該網站(zhàn)在移動設備上(shàng)看起來(lái)正常。但(dàn)是，代碼未顯示的內(nèi)容實際上(shàng)仍在頁面上(shàng)，但(dàn)在表面上(shàng)是不可(kě)見的（未顯示），因此浏覽器(qì)仍将加載這部分不可(kě)見的網頁代碼。換句話(huà)說，響應式網站(zhàn)比單獨的非響應式網站(zhàn)加載更多(duō)的數(shù)據，這導緻流量增加和(hé)網頁打開(kāi)時(shí)間(jiān)變慢。例如，如果您單獨設計(jì)一個(gè)移動網站(zhàn)，則整個(gè)頁面大(dà)小(xiǎo)可(kě)能是100kb。如果您設計(jì)一個(gè)響應式網站(zhàn)（PC站(zhàn)和(hé)移動站(zhàn)代碼一起），則頁面大(dà)小(xiǎo)可(kě)能為(wèi)400kb或更大(dà)。結果，打開(kāi)響應式網站(zhàn)的時(shí)間(jiān)比不響應式網站(zhàn)要慢得(de)多(duō)，尤其是當移動電(diàn)話(huà)通(tōng)過2G或3G網絡連接到Internet時(shí)。 4.響應性網站(zhàn)的存在是因為(wèi)兼容性，但(dàn)是兼容性是隻是他的缺點之一。響應式網站(zhàn)是相對較新的技(jì)術(shù)。他們使用了很(hěn)多(duō)html5功能。隻有(yǒu)高(gāo)級版本的浏覽器(qì)才支持這些(xiē)html5功能。尤其是Microsoft的IE浏覽器(qì)對此沒有(yǒu)很(hěn)強的支持。當然，我們不能完全否認響應式網站(zhàn)的存在。您可(kě)以閱讀文章“什麽是響應式網站(zhàn)及其好處”。畢竟，如果您做(zuò)了很(hěn)多(duō)網站(zhàn)以适應所有(yǒu)浏覽器(qì)，那(nà)是不現實的。