济南网站策划设计_午夜三级在线观看_自适应网站制作_午夜三级在线_H5企业网站搭建_午夜日韩在线_济南外贸网站制作公司_锐尚

Telephone
15063366547
QQ
286601999

通過三個要素檢測你網(wǎng)站建設(shè)的用戶體驗

發(fā)表時間:2015-09-03 13:33?? 作者:銳尚?? 瀏覽:
今天重點說說用戶體驗設(shè)計中最關(guān)鍵的三個要素:別讓我等!別讓我想!別讓我煩!大牛手筆,絕無半點水分,字字句句都是干貨,拿來即用,粗暴有效。話不多說,閱讀見分曉。
曾有很多研究表明:用戶最滿意的打開網(wǎng)頁時間是2-5秒,如果等待超過10秒,99%的用戶會關(guān)閉這個網(wǎng)頁。也許這樣講,各位還不會有太多感觸,接下來,我列舉一組數(shù)據(jù):Google網(wǎng)站訪問速度每慢400ms就導(dǎo)致用戶搜索請求下降0.59%;Amazon每增加100ms網(wǎng)站延遲將導(dǎo)致收入下降1%;雅虎如果有400ms延遲會導(dǎo)致流量下降5-9%。
 
怎么樣?現(xiàn)在感受如何?是不是該馬上去做測試工作呢。
 
這時候你也許會問:什么原因會導(dǎo)致網(wǎng)站打開慢?有什么辦法解決呢?別急,我一一道來。以下內(nèi)容有些偏技術(shù)層面,各位需要耐心閱讀。
 
1、減少HTTP請求數(shù)
 
用戶在打開一個網(wǎng)頁的時候,后臺程序響應(yīng)用戶所需的時間并不多,用戶等待的時間主要花費在下載網(wǎng)頁元素上了,即HTML、CSS、JavaScript、Flash、圖片等,統(tǒng)計顯示,每增加一個元素,網(wǎng)頁載入的時間就增加25-40毫秒(取決于用戶的帶寬情況)。
 
所以,想要提高網(wǎng)頁打開速度,就要減少HTTP請求數(shù),方法有3種:
 
1)減少不必要的HTTP請求,例如用CSS圓角代替圓角圖片,減少圖片的使用。
 
2)合并文件,對于文本文件,可以直接合并內(nèi)容。例如將多個JS(JavaScript的簡稱)文件合并成一個,將多個CSS文件合并成一個。
 
3)優(yōu)化緩存,對于沒有變化的網(wǎng)頁元素(如頁頭、頁尾等),用戶再次訪問的時候沒有必要重新下載,直接從瀏覽器緩存里讀取就可以了。
 
2、使用CDN(Content Delivery Network,內(nèi)容分發(fā)網(wǎng)絡(luò))
 
CDN由一系列分散到各個不同地理位置上的Web服務(wù)器組成,它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來指定某臺服務(wù)器響應(yīng)用戶的請求。當(dāng)你的網(wǎng)站圖片很多事,就一樣要使用CDN了,比如現(xiàn)在的電商網(wǎng)站,幾乎都在使用CDN。
 
3、壓縮網(wǎng)頁元素
 
網(wǎng)頁中的每個元素越小,下載所需的時間就越少,這個很好理解?,F(xiàn)在比較成熟和流程的壓縮網(wǎng)頁的方式,是通過Gzip,我自己的實操經(jīng)驗來看,一般可以將網(wǎng)頁文本內(nèi)容減少70%以上。
 
4、樣式表放在網(wǎng)頁Head部分
 
這也是我實際操作過的案例,把樣式表(CSS文件)移到網(wǎng)頁的Head部分,可以提高頁面的加載速度,讓頁面元素順序顯示。
 
5、把JS文件放到網(wǎng)頁底部
 
網(wǎng)頁打開時,所有元素是順序顯示的。由于JS文件的特殊性,其相比其他元素來說,會加載的很慢,在JS文件下載完成之前,其他后面元素的順序顯示將被阻塞,因此把JS文件盡量放在底部,意味著內(nèi)容能被快速顯示。
 
6、把樣式表和JS腳本放到外部文件中
 
盡管將樣式表和JS腳本直接寫入網(wǎng)頁HTML中,可以減少外部文件調(diào)用數(shù)量,但是,這樣做會增加網(wǎng)頁的文件大小。綜合來看,將樣式表和JS腳本放到外部文件中,也許用戶首次訪問時會有點慢,但是后續(xù)在訪問網(wǎng)站時,用戶直接通過瀏覽器緩存就可以用,從而達到減少HTTP請求數(shù)的目的,為最優(yōu)的做法。
 
小結(jié):
 
在提升網(wǎng)頁打開速度經(jīng)常被忽視的一個問題是響應(yīng)。對于用戶來說,每次的操作,不管返回結(jié)果是慢,還是快,都要及時予以響應(yīng),最典型的例子就是:當(dāng)用戶點擊打開一張圖片時,是否有百分比數(shù)字顯示的進度條,就是一個典型的響應(yīng)設(shè)計。
 
一流的網(wǎng)站用戶體驗絕對不是一蹴而就的,要進行充分的可用性測試,收集用戶的反饋,持續(xù)改進。

相關(guān)文章/Related

  • 百度近期更新:連偽原創(chuàng)

    通過晨曉網(wǎng)小編近期更新網(wǎng)站文章發(fā)現(xiàn),近兩周所有寫的偽原創(chuàng)的文章都沒有收...

  • 主站蜘蛛池模板: 螺旋压榨机-刮泥机-潜水搅拌机-电动泥斗-潜水推流器-南京格林兰环保设备有限公司 | 高压直流电源_特种变压器_变压器铁芯-希恩变压器定制厂家 | 原色会计-合肥注册公司_合肥代理记账公司_营业执照代办 | 球磨机,节能球磨机价格,水泥球磨机厂家,粉煤灰球磨机-吉宏机械制造有限公司 | 户外健身路径_小区健身器材_室外健身器材厂家_价格-浩然体育 | 桨叶搅拌机_螺旋挤压/方盒旋切造粒机厂家-无锡市鸿诚输送机械有限公司 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-沼河浸过滤器 | 工装定制/做厂家/公司_工装订做/制价格/费用-北京圣达信工装 | 耐火砖厂家,异形耐火砖-山东瑞耐耐火材料厂 | 锂电池生产厂家-电动自行车航模无人机锂电池定制-世豹新能源 | 广州活动策划公司-15+年专业大型公关活动策划执行管理经验-睿阳广告 | 英国雷迪地下管线探测仪-雷迪RD8100管线仪-多功能数字听漏仪-北京迪瑞进创科技有限公司 | 上海公司注册-代理记账-招投标审计-上海昆仑扇财税咨询有限公司 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 铝合金重力铸造_铝合金翻砂铸造_铝铸件厂家-东莞市铝得旺五金制品有限公司 | 淄博不锈钢,淄博不锈钢管,淄博不锈钢板-山东振远合金科技有限公司 | 成都办公室装修-办公室设计-写字楼装修设计-厂房装修-四川和信建筑装饰工程有限公司 | RS系列电阻器,RK_RJ启动调整电阻器,RQ_RZ电阻器-上海永上电器有限公司 | 小港信息港-鹤壁信息港 鹤壁老百姓便民生活信息网站 | 污水处理设备维修_污水处理工程改造_机械格栅_过滤设备_气浮设备_刮吸泥机_污泥浓缩罐_污水处理设备_污水处理工程-北京龙泉新禹科技有限公司 | 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 | 考试试题_试卷及答案_诗词单词成语 - 优易学 | 酵素生产厂家_酵素OEM_酵素加盟_酵素ODM_酵素原料厂家_厦门益力康 | 护腰带生产厂家_磁石_医用_热压护腰_登山护膝_背姿矫正带_保健护具_医疗护具-衡水港盛 | 微型驱动系统解决方案-深圳市兆威机电股份有限公司 | 空心明胶胶囊|植物胶囊|清真胶囊|浙江绿键胶囊有限公司欢迎您! | 北京公积金代办/租房发票/租房备案-北京金鼎源公积金提取服务中心 | 美甲贴片-指甲贴片-穿戴美甲-假指甲厂家--薇丝黛拉 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 今日娱乐圈——影视剧集_八卦娱乐_明星八卦_最新娱乐八卦新闻 | 合金ICP光谱仪(磁性材料,工业废水)-百科 | 陶瓷加热器,履带式加热器-吴江市兴达电热设备厂 | 深圳宣传片制作-企业宣传视频制作-产品视频拍摄-产品动画制作-短视频拍摄制作公司 | 企业管理培训,企业培训公开课,企业内训课程,企业培训师 - 名课堂企业管理培训网 | 防堵吹扫装置-防堵风压测量装置-电动操作显示器-兴洲仪器 | 行业分析:提及郑州火车站附近真有 特殊按摩 ?2025实地踩坑指南 新手如何避坑不踩雷 | 电缆隧道在线监测-智慧配电站房-升压站在线监测-江苏久创电气科技有限公司 | 保镖公司-私人保镖-深圳保镖公司【环宇兄弟保镖】 | 防火门-专业生产甲级不锈钢钢质防火门厂家资质齐全-广东恒磊安防设备有限公司 | 高压微雾加湿器_工业加湿器_温室喷雾-昌润空气净化设备 | 北京森语科技有限公司-模型制作专家-展览展示-沙盘模型设计制作-多媒体模型软硬件开发-三维地理信息交互沙盘 | 福州时代广告制作装饰有限公司-福州广告公司广告牌制作,福州展厅文化墙广告设计, |