济南网站策划设计_午夜三级在线观看_自适应网站制作_午夜三级在线_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)的文章都沒有收...

  • 主站蜘蛛池模板: 冷轧机|两肋冷轧机|扁钢冷轧机|倒立式拉丝机|钢筋拔丝机|收线机-巩义市华瑞重工机械制造有限公司 | 预制围墙_工程预制围墙_天津市瑞通建筑材料有限公司 | led全彩屏-室内|学校|展厅|p3|户外|会议室|圆柱|p2.5LED显示屏-LED显示屏价格-LED互动地砖屏_蕙宇屏科技 | 河南中专学校|职高|技校招生-河南中职中专网 | sus630/303cu不锈钢棒,440C/430F/17-4ph不锈钢研磨棒-江苏德镍金属科技有限公司 | 领袖户外_深度旅游、摄影旅游、小团慢旅行、驴友网 | 玻璃瓶厂家_酱菜瓶厂家_饮料瓶厂家_酒瓶厂家_玻璃杯厂家_徐州东明玻璃制品有限公司 | 合肥网带炉_安徽箱式炉_钟罩炉-合肥品炙装备科技有限公司 | 真石漆,山东真石漆,真石漆厂家,真石漆价格-山东新佳涂料有限公司 | 机器视觉检测系统-视觉检测系统-机器视觉系统-ccd检测系统-视觉控制器-视控一体机 -海克易邦 | 广州展览制作|展台制作工厂|展览设计制作|展览展示制作|搭建制作公司 | 粉丝机械,粉丝烘干机,粉丝生产线-招远市远东粉丝机械有限公司 | 河南道路标志牌_交通路标牌_交通标志牌厂家-郑州路畅交通 | 健康管理师报名入口,2025年健康管理师考试时间信息网-网站首页 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 耐火浇注料价格-高强高铝-刚玉碳化硅耐磨浇注料厂家【直销】 | 安徽千住锡膏_安徽阿尔法锡膏锡条_安徽唯特偶锡膏_卡夫特胶水-芜湖荣亮电子科技有限公司 | 小型高低温循环试验箱-可程式高低温湿热交变试验箱-东莞市拓德环境测试设备有限公司 | 手术室净化厂家_成都实验室装修公司_无尘车间施工单位_洁净室工程建设团队-四川华锐16年行业经验 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 包装设计公司,产品包装设计|包装制作,包装盒定制厂家-汇包装【官方网站】 | 波纹补偿器_不锈钢波纹补偿器_巩义市润达管道设备制造有限公司 | 水压力传感器_数字压力传感器|佛山一众传感仪器有限公司|首页 | 广州/东莞小字符喷码机-热转印打码机-喷码机厂家-广州瑞润科技 | 电线电缆厂家|沈阳电缆厂|电线厂|沈阳英联塑力线缆有限公司 | 屏蔽泵厂家,化工屏蔽泵_维修-淄博泵业 | 全自动真空上料机_粉末真空上料机_气动真空上料机-南京奥威环保科技设备有限公司 | 黑龙江「京科脑康」医院-哈尔滨失眠医院_哈尔滨治疗抑郁症医院_哈尔滨精神心理医院 | SPC工作站-连杆综合检具-表盘气动量仪-内孔缺陷检测仪-杭州朗多检测仪器有限公司 | 撕碎机_轮胎破碎机_粉碎机_回收生产线厂家_东莞华达机械有限公司 | 山东商品混凝土搅拌楼-环保型搅拌站-拌合站-分体仓-搅拌机厂家-天宇 | YJLV22铝芯铠装电缆-MYPTJ矿用高压橡套电缆-天津市电缆总厂 | 水冷式工业冷水机组_风冷式工业冷水机_水冷螺杆冷冻机组-深圳市普威机械设备有限公司 | 洛阳装修公司-洛阳整装一站式品牌-福尚云宅装饰 | 上海赞永| 家乐事净水器官网-净水器厂家「官方」 | 礼堂椅厂家|佛山市艺典家具有限公司 | 门禁卡_智能IC卡_滴胶卡制作_硅胶腕带-卡立方rfid定制厂家 | 远程会诊系统-手术示教系统【林之硕】医院远程医疗平台 | 北京中创汇安科贸有限公司| SMC-ASCO-CKD气缸-FESTO-MAC电磁阀-上海天筹自动化设备官网 | 挨踢网-大家的导航! |