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