1. 程式人生 > >WEB端、H5前端效能測試

WEB端、H5前端效能測試

1. 用到的工具:yahoo出品的瀏覽器外掛yslow

    安裝:firefox-->外掛管理-->yslow

2. WEB、H5前端效能的優化建議:

Web Performance Best Practices and Rules

Yahoo!'s Exceptional Performance team has identified 34 rules that affect web page performance. YSlow's web page analysis is based on the 23 of these 34 rules that are testable. Click each performance rule below to see the details.

    1.Minimize HTTP Requests
    2.Use a Content Delivery Network
    3.Avoid empty src or href
    4.Add an Expires or a Cache-Control Header
    5.Gzip Components
    6.Put StyleSheets at the Top
    7.Put Scripts at the Bottom
    8.Avoid CSS Expressions
    9.Make JavaScript and CSS External
    10.Reduce DNS Lookups
    11.Minify JavaScript and CSS
    12.Avoid Redirects
    13.Remove Duplicate Scripts
    14.Configure ETags
    15.Make AJAX Cacheable
    16.Use GET for AJAX Requests
    17.Reduce the Number of DOM Elements
    18.No 404s
    19.Reduce Cookie Size
    20.Use Cookie-Free Domains for Components
    21.Avoid Filters
    22.Do Not Scale Images in HTML
    23.Make favicon.ico Small and Cacheable

更多資訊參考yslow官網:http://yslow.org/

相關推薦

WEBH5前端效能測試

1. 用到的工具:yahoo出品的瀏覽器外掛yslow     安裝:firefox-->外掛管理-->yslow 2. WEB、H5前端效能的優化建議: Web Performance Best Practices and Rules Yahoo!'s E

[原創]H5前端效能測試工具介紹

[原創H5前端效能測試工具介紹   一 網路抓包工具   網路抓包工具選擇原則,可以捕獲網路請求,抓取具體請求資訊流,同時可以針對網路請包進行修改或攔截;   1、Fiddler(推薦)   2、Charles(推薦)   3、Httpwatch   二 H5前端工具   1、Page Spee

H5前端效能測試快速入門

作者:陳誠 說到H5測試,對於做WEB測試的同學來說再熟悉不過了,它包括頁H5功能測試,前端效能測試,瀏覽器相容效能測試,以及服務端效能測試。那本文談到的則是H5前端效能測試,並希望通過閱讀本文後,能夠知道:H5前端效能測試什麼?如何發現問題以及相應的優化規則

用Docker安裝Web前端效能測試工具YellowLabTools

一、YellowLabTools概述 1.YellowLabTools簡介 Yellow Lab Tools:是一款開源的Web前端效能測試工具,具有一些在其他工具上無法看到的獨特功能,如頁面載入時,JavaScript與DOM互動和其他程式程式碼驗證問題。 Yellow Lab Tools 偏向於一個

關於做web前端效能測試一些原則的心得分享

今天做測試的時候犯了一點原則性的低階錯誤,記錄下來和大家分享、共勉之!這裡我儘量詳細描述出自己的思考方式,希望對測試新人有所幫助。不足之處請老前輩提出,共同學習。 前兩天專案更新了版本(B/S架構),一般更新版本給客戶以後測試人員都會很忐忑:是不是會出現什麼意想不到的問題?

WEB前端效能測試優化指標

加快您的網站的最佳實踐 1、Make fewer HTTP requests (最大限度地減少HTTP請求) 終端使用者響應的時間中,有80%用於下載各項內容。這部分時間包括下載頁面中的影象、樣式表、指令碼、Flash等。通過減少頁面中的元素可以減少HTTP請求的次數。這

測開必備,推薦幾款前端效能測試工具神器

我們在使用網站過程中,經常會遇到慢的問題,為了找到原因,一般需要藉助工具進行檢測,通過工具,可以檢測出前端站點載入資源的相關詳細情況。 今天,就給大家介紹幾款前端效能測試分析工具,結合效能測試工具,實現通過量化的方式測試網站中諸如首位元組載入時間(time to first byte)或者渲染時間等表現。其

私有云車牌識別支援apppcH5介面呼叫

關鍵詞 私有云車牌識別技術、伺服器端車牌識別技術、雲端車牌識別技術、私有化車牌識別技術、伺服器端車牌識別、私有化車牌識別、私有云車牌識別。 什麼叫私有云車牌識別呢? 私有云車牌識別即伺服器端車牌識別,是一款基於伺服器平臺的車牌OCR識別服務程式,企業可以將該識別服務部署在自有伺服器上(雲伺服器或本地伺服器

私有雲車牌識別支持apppcH5接口調用

mar 簡單 ESS cto 請求 vpd ffffff ges water 關鍵詞 私有雲車牌識別技術、服務器端車牌識別技術、雲端車牌識別技術、私有化車牌識別技術、服務器端車牌識別、私有化車牌識別、私有雲車牌識別。 什麽叫私有雲車牌識別呢? 私有雲車牌識別即服務器端車牌識

H5遊戲效能測試工具選擇與實踐總結

概要 本文會對本人在使用白鷺做h5遊戲進行效能測試的過程送使用的工具做一些簡單記錄。 包括 記憶體,cpu,耗電,啟動時間,網路監控,弱網路,流量幾個方面介紹。 背景 玩吧提測有一個性能需要求列表。需要每項指標達到要求。 測試效能基於公司專案的遊戲,使

前端效能測試

網頁載入整個過程的耗時的計算方法: var t = performance.timing;  var pageLoadTime = t.loadEventEnd - t.navigationStart; 效能測試工具: 參考:

前端效能測試(二):記憶體佔用

每個本地物件組是由互相引用的物件組成。例如,一個DOM子樹,每個節點都有一個父連結,連結到下一個孩子節點或者兄弟節點,從而形成一個聯通圖。需要注意的是本機物件不在JavaScript堆——這就是為什麼他們的大小為零。相反,建立wrapper objects。每個包裝物件持有響應本地物件的引用,用來重定向對這個

H5前端效能關鍵指標

Http相關: 1、Http請求個數 有統計證明:一個網頁最終到達終端使用者有80%的時間都是在js,CSS,圖片,mp3,flash等資源的http請求。另一方面,http請求的數量也是有限制的,瀏覽器對同一個域名有連線數限制,不同瀏覽器核心、不同版本的請求數不盡相同,大部分的併發請求數是6個。

高效能框架gevent和gunicorn在web上的應用及效能測試

WSGI Server有哪些: 比如 Flask,webpy,Django、CherryPy 都帶著 WSGI server 。當然效能都不好,自帶的web server 更多的是測試用途, 線上釋出時,則使用高效能的 wsgi server或者是聯合ngi

前端效能測試跟蹤模板

測試頁面:分析後前端效能較差,需要優化的頁面。 評分結果:YSlow & dynaTrace的評分結果 具體評分較差的項:YSlow & dynaTrace報警項。 問題型別:比如:Etag。 問題原因:比如:http請求伺服器響應太慢。 優化建議:比如:

sitespeedio前端效能測試工具介紹

很久沒有寫部落格了,今天給大家介紹一款比較好用的前端效能測試工具。 sitespeedio簡介: sitespeed.io是Jonathan Lee釋出的一款可監視和衡量網站前端效能的開源工具。 1.開源 2.支援事務模擬 3.自動效能分析,形成視覺化報告 4.提供的docker映象已搭建完成監控系統,滿足線

H5web頁面的效能測試案例以及頁面效能測試分析

本文整理於小強測試幫微信公共號 1頁面效能測試概述 頁面效能測試則是針對於頁面效能優化而開展的一種效能測試,目的是對Web系統的頁面進行測試以確認系統頁面是否會影響系統的效能併為頁面的優化提供依據與建議,最終提升系統的整體效能表現,提高使用者體驗滿意度。他的關注點是在

web前端效能指標測試方案優化技巧

相對成熟的後端效能測試工具LoadRunner和開源的jmeter。前端效能一直缺乏更多的重視以及測試、優化的文件支援。這裡簡單介紹下前端效能的意義、關注重點、測試方案和優化技巧 1、前段效能的意義 對於訪問一個網站,最花費時間的並不是後端應用程式處理以及資料庫等消

Web開發從前端程式語言到框架的初學指南

[導讀] 作為一篇Web開發初學者指南,本文從學習什麼出發到如何專攻。從前端、後端,到程式語言,再到框架,或許對打算進軍Web開發的您有所幫助。如果你正在閱讀這篇文章,你可能是對Web開發有某種興趣,甚至你開始想去學 作為一篇Web開發初學者指南,本文從學習什麼

javawebh5前端解釋

java:只是一門語言,就像你手裡的100元錢,不用的話廢紙一張;用好的話就是一筆財富;web:通常來說就是用語言(java、Python、C等程式語言)來開發的專案,也就是web應用 b/s; 瀏覽器和伺服器互動應用,比如說淘寶,京東,百度......瀏覽器解析伺服器返回的