如何测试html5网页打开速度

html-css015

如何测试html5网页打开速度,第1张

方法/步骤

先去XAMPP官网下载适合自己的XAMPP版本,支持Mac、Windows、Linux。

自行百度XAMPP,到官网下载即可,链接贴不上来。

下载完成后,双击安装XAMPP到PC上,一路next即可,不懂英文也没事。

安装过程中,有一个路径的选择,建议把XAMPP的根目录,定义到D盘或者E盘等,默认是C盘的根目标下。

安装完成后,打开XAMPP,有一个Apache的功能,后面会有一个start,点击start等待3~5秒后即可,其他功能不需开启。

然后将在PC上制作的html5或手机页面文件夹,放到XAMPP文件夹中的htdocs文件夹中。

查看本机的局域网IP地址,如:192.168.1.100,然后手机连接到与PC同一个路由器中,在手机的浏览器中打开 IP/example(您的项目目录)/index.html 即可进行调试。

使用完毕,直接点XAMPP控制台中的Stop,关闭Apache服务即可。

使用浏览器可以进行手机效果测试:

现在各大浏览器都有这种功能了, 谷歌、QQ、360搜狐等;

首先打开网页,点击右键列表里会有“审查元素”,再点击手机那个按钮,就可以调整屏幕宽度查看手机效果。