前端性能检测工具PageSpeed Insights（Google官方）
PageSpeed Insights 是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的在线检测工具。 在线版： 在线检测地址：https://developers.google.cn/speed/pagespeed/insights/（需FQ ...
原文：H5--性能测试（PageSpeed Insights ）
中文网站 不需要翻墙 ：http: www.googlespeed.cn 主要可实现： 测试手机与电脑打开的速度对比。 详细的测试结果 直观的统计数据，查看页面的共xx个请求 总共大小 image script font等等各占多少个请求数量及大小。 使用总结： 页面的显示介绍如下截图： 二 具体的使用介绍 分类介绍 移动设备：指的是在手机上打开此页面的测试结果 桌面设备：指的是电脑打开此页面的测 ...
2019-07-15 16:34 0 1032 推荐指数：
相关推荐
前端性能测试(H5性能测试)
前端性能调优方法同样适用于H5。 1、H5前端性能知识点 学习前端性能，必须对HTTP协议有所了解。 1.1 浏览器渲染引擎 浏览器是Html解析和页面最终展示的工具。 浏览器的主要功能：将用户选择的web资源呈现出来，需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式 ...
纯H5自动化及性能测试
纯H5的自动化及性能测试 1、连接设备并查看设备上是否开启了devtools 连接设备：adb connect emulator-5554 打开浏览器并用命令查看是否开启了devtools：adb shell cat /proc/net/unix | grep devt ...
H5前端页面性能测试
一、浏览器渲染引擎 浏览器是Html解析和页面最终展示的工具，所以测试H5前理解浏览器的工作原理是必不可少的。 浏览器的主要功能 浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式 ...
H5前端性能测试快速入门
说到H5测试，对于做WEB测试的同学来说再熟悉不过了，它包括页H5功能测试，前端性能测试，浏览器兼容性能测试，以及服务端性能测试。那本文谈到的则是H5前端性能测试，并希望通过阅读本文后，能够知道：H5前端性能测试什么？如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 ...
和阿文一起学H5-- H5排版八大套路
二、中心型 三、倾斜型 四、三角形 5、全图形 6.渐变型 7.蒙版型 ...
微信H5--手机键盘弹起导致页面变形
2017-3-22 今天工作中遇到了手机键盘弹出将整个界面都挤扁现象。 业务场景：点击input（type=text）输入验证码整个页面被挤扁。 解决办法：在input获取/失去 ...
OpenGL Insights 阅读有感 - Tile Based架构下的性能调校 翻译
Performance Tunning for Tile-Based Architecture Tile-Based架构下的性能调校 by Bruce Merry GameKnife译 译序 在大概1个月之前，花了两个小时 ...