Sunny. 2016-07-22
網(wǎng)站建設(shè)
網(wǎng)站開(kāi)發(fā)人員將在2016年需要解決的挑戰(zhàn)
網(wǎng)站開(kāi)發(fā)在過(guò)去的幾年里，文字變得更加引人注目與圖片和視頻。但添加豐富的媒體并不是唯一的改變影響網(wǎng)站。
消費(fèi)行為也到這個(gè)進(jìn)化因素,作為web訪問(wèn)桌面領(lǐng)域已經(jīng)從各種不同的設(shè)備,智能手機(jī),平板電腦,筆記本電腦,smartwatches和電視——不同的維度和決議。和消費(fèi)者希望能夠從任何位置訪問(wèn)web內(nèi)容隨時(shí)和。
在2016年及以后,開(kāi)發(fā)人員將需要解決許多挑戰(zhàn),確保網(wǎng)站性能優(yōu)化帶寬使用最小化和用戶有一個(gè)一流的體驗(yàn)。下面來(lái)看看三大媒體的挑戰(zhàn),和開(kāi)發(fā)人員能做什么來(lái)解決這些問(wèn)題:
高分辨率的圖像和視頻
古老的諺語(yǔ)說(shuō),一幅畫(huà)值1000的話,那么毫無(wú)疑問(wèn),網(wǎng)站所有者用圖片和視頻作為強(qiáng)大的工具在他們的網(wǎng)站上吸引游客。高分辨率圖像看起來(lái)最好,但這些文件太大導(dǎo)致網(wǎng)站加載緩慢而使用過(guò)高的帶寬。這些問(wèn)題讓游客,并可能給他們沒(méi)有在網(wǎng)站上進(jìn)行進(jìn)一步的動(dòng)機(jī)。
高分辨率圖像在NaturevalleyTrailView.com主頁(yè)。
是否有用戶訪問(wèn)你的網(wǎng)站從一個(gè)電話或電腦,它必須加載迅速。加布里埃爾·a·梅斯的創(chuàng)始人就添加內(nèi)容,一個(gè)網(wǎng)站的平臺(tái)企業(yè),對(duì)CIO雜志開(kāi)發(fā)人員應(yīng)該“指在保持網(wǎng)站加載時(shí)間(幾)秒或更少。你的最大威脅不是競(jìng)爭(zhēng)對(duì)手,后退按鈕。如果你的網(wǎng)站加載太慢,客戶不會(huì)等待。他們會(huì)去別的地方。”
一般來(lái)說(shuō),為了解決這些問(wèn)題,開(kāi)發(fā)人員必須：
● 調(diào)整圖片/視頻設(shè)備分辨率的比賽——一個(gè)大小不適合所有人,特別是越來(lái)越多的設(shè)備采用不同大小的消費(fèi)者。
● 利用現(xiàn)代圖像格式圖像或視頻編解碼器,考慮使用WebP,自動(dòng)回退到其他格式,比如JPEG的瀏覽器不支持新格式。視頻,考慮編解碼器,幀率,比特率來(lái)保存文件大小和帶寬。
● 調(diào)整質(zhì)量水平——之間有一個(gè)權(quán)衡壓縮水平和視覺(jué)質(zhì)量,確保沒(méi)有過(guò)高的帶寬使用一個(gè)令人滿意的用戶體驗(yàn)。
開(kāi)發(fā)者還必須掌握相關(guān)趨勢(shì)的新類型的圖像和如何最好地展示他們?cè)谒麄兊木W(wǎng)站上。例如,蘋(píng)果生活照片,介紹一種混合之間的靜態(tài)圖像和視頻,將照片與其他時(shí)刻之前和之后的拍攝,并顯示它們與運(yùn)動(dòng)和聲音。
開(kāi)發(fā)人員將需要了解如何最好地支持上傳,轉(zhuǎn)換和顯示這些新形式的內(nèi)容,不是帶寬或存儲(chǔ)密集型和視覺(jué)吸引力無(wú)論設(shè)備查看。
使用更多的視頻——上游和下游
不可否認(rèn)網(wǎng)絡(luò)視頻正在成為一個(gè)主要組件的網(wǎng)站所有者——從使用他們的網(wǎng)站來(lái)吸引游客,被用戶上傳的視頻?？紤]一下:每秒鐘,近一百萬(wàn)分鐘的視頻內(nèi)容將交叉網(wǎng)絡(luò),到2019年,根據(jù)思科視覺(jué)網(wǎng)絡(luò)指數(shù)。數(shù)量,需要500萬(wàn)多年一個(gè)人觀看的視頻數(shù)量每個(gè)月將跨越全球IP網(wǎng)絡(luò)。
用戶上傳大量的視頻,開(kāi)發(fā)人員將負(fù)責(zé)各種品質(zhì)的視頻,維度和方面比率和使他們適合他們的網(wǎng)站或移動(dòng)應(yīng)用的設(shè)計(jì)。
但它不只是數(shù)分鐘的視頻被上傳,該決議。今天的設(shè)備來(lái)處理高分辨率的視頻,結(jié)果4 k視頻越來(lái)越受歡迎。但巨大的決議轉(zhuǎn)化為長(zhǎng)時(shí)間上傳和下載,需要增加存儲(chǔ)空間;和深加工與轉(zhuǎn)換,調(diào)整和操縱這些視頻。
開(kāi)發(fā)人員需要規(guī)范化優(yōu)化4 k和高分辨率的視頻專門為web和移動(dòng)設(shè)備,利用響應(yīng)技術(shù),使他們提供最小的文件大小而仍然保持最高的視覺(jué)質(zhì)量匹配用戶的設(shè)備,瀏覽器和網(wǎng)絡(luò)速度。
響應(yīng)設(shè)計(jì)
開(kāi)發(fā)人員爭(zhēng)論與確保圖片和視頻有關(guān)的幾個(gè)挑戰(zhàn)外觀和正常運(yùn)作今天過(guò)多的設(shè)備上使用,在不同的決議。解決這些挑戰(zhàn)的事實(shí)上的標(biāo)準(zhǔn)響應(yīng)網(wǎng)頁(yè)設(shè)計(jì),使相同的網(wǎng)站,以適應(yīng)不同的分辨率。因此,開(kāi)發(fā)人員需要探索如何有效地使用響應(yīng)設(shè)計(jì)技術(shù)。
谷歌,以及組織W3C標(biāo)準(zhǔn),微軟和蘋(píng)果,正試圖簡(jiǎn)化反應(yīng)設(shè)計(jì)解決方案構(gòu)建到web瀏覽器。但這些并不足夠。例如,客戶端提示解決方案被谷歌只是提升在Chrome支持,所以需要額外的工作來(lái)確保你的圖像是在其他瀏覽器上正確顯示。
其他依賴于新的新的HTML5特性——特別是
元素和 srcset的屬性 元素,定義不同的圖像分辨率和富于藝術(shù)導(dǎo)向的剪裁和操縱圖像在HTML代碼版本。
這種方法有兩個(gè)問(wèn)題。首先,并不是所有的瀏覽器都支持現(xiàn)代HTML5特性,因此開(kāi)發(fā)人員被迫為瀏覽器不使用回退機(jī)制。
第二,而瀏覽器自動(dòng)為每個(gè)設(shè)備和選擇最佳的匹配圖像分辨率,瀏覽器不會(huì)自動(dòng)創(chuàng)建圖像。開(kāi)發(fā)人員需要更加努力地工作在不允許所有的不同的圖片版本或者使用動(dòng)態(tài)圖像處理服務(wù)。
然而,這些解決方案并不關(guān)注找到合適的斷點(diǎn)對(duì)于圖像,這是至關(guān)重要的。
斷點(diǎn)是最佳的分辨率和尺寸的圖像需要的各種設(shè)備和屏幕尺寸最適合你的網(wǎng)站將會(huì)觀看。確定斷點(diǎn)開(kāi)發(fā)人員需要一種解決方案,幫助他們決定需要哪些圖像分辨率,創(chuàng)建多個(gè)圖像,結(jié)合他們的HTML代碼或利用Javascript解決方案。谷歌一直支持HTML5元素在現(xiàn)代瀏覽器一段時(shí)間,現(xiàn)在微軟和Safari添加支持響應(yīng)設(shè)計(jì)的最新版本的瀏覽器。
一個(gè)強(qiáng)有力的開(kāi)始
視頻和圖像格式的進(jìn)化,加上不斷創(chuàng)新的設(shè)備和顯示器,將繼續(xù)web設(shè)計(jì)人員和開(kāi)發(fā)人員的挑戰(zhàn),因?yàn)樗麄冊(cè)噲D創(chuàng)建一個(gè)一流的用戶體驗(yàn),減少對(duì)帶寬的影響,存儲(chǔ)和網(wǎng)站性能。
有效地管理高分辨率文件,熟練地處理越來(lái)越多的由用戶上傳的視頻都納入設(shè)計(jì)和,如上所述,將響應(yīng)設(shè)計(jì)技術(shù)可以幫助開(kāi)發(fā)者解決他們面臨的一些挑戰(zhàn)的今天,并建立一個(gè)良好的基礎(chǔ)為未來(lái)的最佳實(shí)踐。
文章標(biāo)簽：
網(wǎng)站開(kāi)發(fā)
文章評(píng)論：