網(wǎng)站開發(fā)人員將在今年需要解決的挑戰(zhàn)
2015-01-07 分類： 網(wǎng)站建設
網(wǎng)站開發(fā)在過去的幾年里，文字變得更加引人注目與圖片和視頻。但添加豐富的媒體并不是唯一的改變影響網(wǎng)站。
消費行為也到這個進化因素,作為web訪問桌面領域已經(jīng)從各種不同的設備,智能手機,平板電腦,筆記本電腦,smartwatches和電視——不同的維度和決議。和消費者希望能夠從任何位置訪問web內(nèi)容隨時和。
在2016年及以后,開發(fā)人員將需要解決許多挑戰(zhàn),確保網(wǎng)站性能優(yōu)化帶寬使用最小化和用戶有一個的體驗。下面來看看三大媒體的挑戰(zhàn),和開發(fā)人員能做什么來解決這些問題:
高分辨率的圖像和視頻
古老的諺語說,一幅畫值1000的話,那么毫無疑問,網(wǎng)站所有者用圖片和視頻作為強大的工具在他們的網(wǎng)站上吸引游客。高分辨率圖像看起來最好,但這些文件太大導致網(wǎng)站加載緩慢而使用過高的帶寬。這些問題讓游客,并可能給他們沒有在網(wǎng)站上進行進一步的動機。
高分辨率圖像在NaturevalleyTrailView.com主頁。
是否有用戶訪問你的網(wǎng)站從一個電話或電腦,它必須加載迅速。加布里埃爾·a·梅斯的創(chuàng)始人就添加內(nèi)容,一個網(wǎng)站的平臺企業(yè),對CIO雜志開發(fā)人員應該“指在保持網(wǎng)站加載時間(幾)秒或更少。你的大威脅不是競爭對手,后退按鈕。如果你的網(wǎng)站加載太慢,客戶不會等待。他們會去別的地方。”
一般來說,為了解決這些問題,開發(fā)人員必須：
● 調(diào)整圖片/視頻設備分辨率的比賽——一個大小不適合所有人,特別是越來越多的設備采用不同大小的消費者。
● 利用現(xiàn)代圖像格式圖像或視頻編解碼器,考慮使用WebP,自動回退到其他格式,比如JPEG的瀏覽器不支持新格式。視頻,考慮編解碼器,幀率,比特率來保存文件大小和帶寬。
● 調(diào)整質(zhì)量水平——之間有一個權衡壓縮水平和視覺質(zhì)量,確保沒有過高的帶寬使用一個令人滿意的用戶體驗。
開發(fā)者還必須掌握相關趨勢的新類型的圖像和如何最好地展示他們在他們的網(wǎng)站上。例如,蘋果生活照片,介紹一種混合之間的靜態(tài)圖像和視頻,將照片與其他時刻之前和之后的拍攝,并顯示它們與運動和聲音。
開發(fā)人員將需要了解如何最好地支持上傳,轉換和顯示這些新形式的內(nèi)容,不是帶寬或存儲密集型和視覺吸引力無論設備查看。
使用更多的視頻——上游和下游
不可否認網(wǎng)絡視頻正在成為一個主要組件的網(wǎng)站所有者——從使用他們的網(wǎng)站來吸引游客,被用戶上傳的視頻。考慮一下:每秒鐘,近一百萬分鐘的視頻內(nèi)容將交叉網(wǎng)絡,到2019年,根據(jù)思科視覺網(wǎng)絡指數(shù)。數(shù)量,需要500萬多年一個人觀看的視頻數(shù)量每個月將跨越全球IP網(wǎng)絡。
用戶上傳大量的視頻,開發(fā)人員將負責各種品質(zhì)的視頻,維度和方面比率和使他們適合他們的網(wǎng)站或移動應用的設計。
但它不只是數(shù)分鐘的視頻被上傳,該決議。今天的設備來處理高分辨率的視頻,結果4 k視頻越來越受歡迎。但巨大的決議轉化為長時間上傳和下載,需要增加存儲空間;和深加工與轉換,調(diào)整和操縱這些視頻。
開發(fā)人員需要規(guī)范化優(yōu)化4 k和高分辨率的視頻專門為web和移動設備,利用響應技術,使他們提供最小的文件大小而仍然保持高的視覺質(zhì)量匹配用戶的設備,瀏覽器和網(wǎng)絡速度。
響應設計
開發(fā)人員爭論與確保圖片和視頻有關的幾個挑戰(zhàn)外觀和正常運作今天過多的設備上使用,在不同的決議。解決這些挑戰(zhàn)的事實上的標準響應網(wǎng)頁設計,使相同的網(wǎng)站,以適應不同的分辨率。因此,開發(fā)人員需要探索如何有效地使用響應設計技術。
谷歌,以及組織W3C標準,微軟和蘋果,正試圖簡化反應設計解決方案構建到web瀏覽器。但這些并不足夠。例如,客戶端提示解決方案被谷歌只是提升在Chrome支持,所以需要額外的工作來確保你的圖像是在其他瀏覽器上正確顯示。
其他依賴于新的新的HTML5特性——特別是元素和 srcset的屬性 ![]()
元素,定義不同的圖像分辨率和富于藝術導向的剪裁和操縱圖像在HTML代碼版本。
這種方法有兩個問題。首先,并不是所有的瀏覽器都支持現(xiàn)代HTML5特性,因此開發(fā)人員被迫為瀏覽器不使用回退機制。
第二,而瀏覽器自動為每個設備和選擇好的匹配圖像分辨率,瀏覽器不會自動創(chuàng)建圖像。開發(fā)人員需要更加努力地工作在不允許所有的不同的圖片版本或者使用動態(tài)圖像處理服務。
然而,這些解決方案并不關注找到合適的斷點對于圖像,這是至關重要的。
斷點是好的分辨率和尺寸的圖像需要的各種設備和屏幕尺寸最適合你的網(wǎng)站將會觀看。確定斷點開發(fā)人員需要一種解決方案,幫助他們決定需要哪些圖像分辨率,創(chuàng)建多個圖像,結合他們的HTML代碼或利用Javascript解決方案。谷歌一直支持HTML5元素在現(xiàn)代瀏覽器一段時間,現(xiàn)在微軟和Safari添加支持響應設計的最新版本的瀏覽器。
一個強有力的開始
視頻和圖像格式的進化,加上不斷創(chuàng)新的設備和顯示器,將繼續(xù)web設計人員和開發(fā)人員的挑戰(zhàn),因為他們試圖創(chuàng)建一個的用戶體驗,減少對帶寬的影響,存儲和網(wǎng)站性能。
有效地管理高分辨率文件,熟練地處理越來越多的由用戶上傳的視頻都納入設計和,如上所述,將響應設計技術可以幫助開發(fā)者解決他們面臨的一些挑戰(zhàn)的今天,并建立一個良好的基礎為未來的好實踐。
當前標題：網(wǎng)站開發(fā)人員將在今年需要解決的挑戰(zhàn)
文章起源：http://jinyejixie.com/news/32893.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設、做網(wǎng)站、微信小程序、面包屑導航、微信公眾號、域名注冊
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 掌握7項技能，成為一名優(yōu)秀的網(wǎng)頁設計師 2015-09-16
- 關于色彩的詳細分析及簡要介紹說明 2015-01-06
- 腦黑客:在網(wǎng)頁設計中使用心理學 2015-09-15
- 關于Web設計和開發(fā)的常見誤區(qū) 2015-09-15
- 成都網(wǎng)站優(yōu)化應該注意哪些細節(jié)?創(chuàng)新小編整理收集 2016-02-20
- 互聯(lián)網(wǎng)+時代,企業(yè)建立一個網(wǎng)站的必要性 2015-01-05
- 通過實踐讓沒讀過設計院校的你成為專業(yè)設計師 2015-09-16
- 從不起眼的購物車得到設計靈感 2015-09-16
- 掌握簡單的編碼禮儀使其他開發(fā)人員少恨你 2015-01-06
- Web項目失敗的10個原因 2015-01-06
- 被搜索K掉的網(wǎng)站能恢復原有的權重 2015-01-06
- 網(wǎng)站開發(fā)過程中做好這幾點,讓網(wǎng)站打開速度秒開 2015-01-06
- 公司網(wǎng)站常見安全漏洞及防御方法 2015-01-05
- 建設英文網(wǎng)站時字體運用技巧 2015-01-05
- 高端網(wǎng)站的建設和設計,為什么比模板類網(wǎng)站貴的多? 2015-09-15
- 如何才可以讓訪客喜歡自己公司的網(wǎng)站 2015-01-05
- 新設計制作的網(wǎng)站網(wǎng)站如何做Seo優(yōu)化? 2015-09-14
- 拿到一個新做的網(wǎng)站后，到底該怎么開始運營 2015-01-05
- Matrix讓云世界化繁為簡 2015-01-04