Hexo站点建设之——基于Lighthouse查看网站性能
一 概述
查看网站相关信息常用的网站有：
站长之家-ping：ping检测，国内测速，国际测速，网站速度对比等
PageSpeed Insights：网站在移动设备和桌面设备的网页响应速度(墙)
爱测速:PageSpeed Insights国内版
本文介绍的是：基于Chrome浏览器查看网站性能(Lighthouse)
二 Lighthouse
2.1 Chrome自带Lighthouse
打开要测试的网站
按下
F12键，打开开发者工具(或者右上角—>更多工具—>开发者工具)Performance：性能 Progressive Web App:Web App中的表现 Best practices:最佳性能 Accessibility:可访问性能 SEO:搜索引擎优化
点击
Generate report，等待报告生成
2.2 Chrome插件Lighthouse
安装chrome插件Lighthouse
打开网站，点击lighthouse插件进行分析，结果如下
三 Lighthouse报告分析及网站优化
3.1 实验报告
- 实验的结果为绿色—>橙色—>红色，颜色越浅
- 性能表现越良好，颜色越深，表现越差
3.2 网站优化
- Performance、Accessbility、Best Practices、SEO每项都有对应的报告和优化建议
- 根据建议进行相应的优化(资源压缩，移除未使用资源，移除阻塞渲染的资源)
Hexo站点建设之——基于Lighthouse查看网站性能相关推荐
- lighthouse使用_如何使用Lighthouse分析网站性能
lighthouse使用 by Adam Henson 亚当·汉森(Adam Henson) 如何使用Lighthouse分析网站性能 (How to analyze website performa ...
- Hexo站点建设之——国际化(i18n)
一 概述 Hexo搭建的网站默认只有一种语言,若想要网站支持多种语言,通过切换语言标签查看不同语言网站.本文以中英文为例进行说明. 二 多语言设置(_config.yml) language: - z ...
- Hexo站点建设之——RGB or HSL value expected
一 现象 二 软件环境 2.1 hexo --version hexo-cli: 4.3.0 os: win32 10.0.19043 node: 12.18.3 http_parser: 2.9.3 ...
- Hexo站点建设之——The Unicorns have taken over
一 现象 输入网址后,显示如下 We're having a really bad day. The Unicorns have taken over. We're doing our best to ...
- 性能测试回归测试_自动网站性能回归测试
性能测试回归测试 by Adam Henson 亚当·汉森(Adam Henson) 如何使用Foo自动执行网站性能回归测试 (How to automate website performance ...
- 基于linux服务器的性能分析与优化
基于linux服务器的性能分析与优化 方面:硬件系统软件网络 现象:系统不稳定相应速度慢 web无法打开打开速度慢 方案:硬件故障更换硬件或升级硬件 系统问题修改系统参数和配置 软件问题修改和升级软件 ...
- 网站位置服务器,如何查看网站的服务器位置
如何查看网站的服务器位置 内容精选 换一换 华为云主机迁移服务帮助中心,为用户提供产品简介.快速入门.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用主机迁移服务. 用 ...
- 如何查看tomcat是否安装成功_如何查看网站是否被收录？
网站收录对于网站关键词排名和权重提升能够起到至关重要的作用,查询网站收录主要有四种方式:最为常见的方式就是site指令和站长工具查询,另外两种方式是批量查询和索引量查询,不同的查询方式在数据方面也会略 ...
- 用php建设一个简单的网站,PHP_PHP新手上路（六），建设一个简单交互的网站(二) 5 - phpStudy...
PHP新手上路(六) 建设一个简单交互的网站(二) 5.5 计数器 让我们在首页上加上一个计数器.这个例子已经被讲过多次了,但是还是有利于演示怎样读写文件以及创建自己的函数.counter.inc包含 ...
最新文章
- Pandas中iloc、loc、ix三者的区别
- 利用OpenCV进行图像的轮廓检测
- EasyUI中Dialog对话框的简单使用
- 心情随笔（四）:重新审视自我
- 《指针的编程艺术（第二版）》一3.10 程序实战
- iOS app启动图片及icon图片及应用名设置
- Cobalt Strike Profile 学习记录
- navicat 注册过程
- angularjs姓名转拼音js
- 实验8.1 时间换算
- 张铁林的十年英国留学生涯
- 承包一座山能做什么_您为什么没有得到最好的承包商，又能做些什么（第2部分）...
- 分享一个jQuery的自动客户端本地保存插件Sisyphus.js - 帮助你自动保存用户输入内容
- 【支付】银行卡支付的行为主体介绍
- 1060驱动java_ubuntu16.04 安装 GTX 1060 显卡驱动
- 有公众号的情况下，复用资质快速注册小程序
- [高精度]高精度的封装
- 久菜盒子：stata-广义倾向得分匹配
- 远程关闭计算机提示拒绝访问权限,shutdown远程关机win10系统拒绝访问最佳解决方法...
- java基础知识总结，javaweb参考资料大全