SEO人员网站优化使用的工具发表时间:2020-11-30 15:22 一、PageSpeed 1.使用PageSpeed 我们可以在“ Chrome DevTools”菜单栏中找到并打开它: 2.分析报告 二、Chrome DevTools-Network 1.关于网络,我们重点关注3个标记点 2.定时也是进行优化的必不可少的工具: 其他说明:TTFB:等待初始响应所花费的时间,也称为第一字节时间,是我们判断服务器和网络状况的重要指标。 这次将捕获服务器的往返延迟以及等待服务器传递响应所花费的时间。 三、Chrome DevTools-性能 1.概述 2.版式主要由4个部分组成 3.概述详细说明 需要特别注意。实际上,“效果”工具中的每种颜色都有其自己的含义。 提示: 使用隐身模式以减少Chrome扩展程序对应用程序的干扰。 4.火焰图 Main:显示主线程的运行状态。 X轴代表时间,每个条形代表一个事件。栏越长,事件花费的时间越长。 Y轴表示调用堆栈。 四、Chrome开发者工具-显示第三方徽章 在许多情况下,这不是我们网站本身的问题。您使用的第三方资源可能会拖累网站的性能。因此,我们需要使用“显示第三方徽章”来进行故障排除。 1.测试站点: 2.打开控制面板:Command + Shift + P 3.打开网络并注意资源前面的彩色标志 五、Chrome DevTools阻止请求网址 对于不确定在项目中是否有用的资源,我们可以使用“阻止请求URL”将其排除。 1.选择资源右键单击-阻止请求URL 防止加载某些资源,并控制变量以解决页面性能问题。 六、Chrome DevTools-Coverage 1.打开控制面板:Command + Shift + P 2.输入:显示覆盖范围 3.找??到相应的文件,您可以看到文件左侧已经标记了一些代码的用法 解决方案也非常简单:使用Webpack尽可能解压缩,将大小控制在40KB以下,并删除那些未使用的代码。 七、Chrome DevTools-DOM 查看所有DOM节点的数量: 查看子元素的数量: document.querySelectorAll('body > *').length 通常,寻找仅在需要时创建DOM节点并在不再需要时销毁它们的方法。 八、Chrome DevTools-渲染 关于页面的重新渲染的影响,我们不会说太多。那么您如何知道页面的渲染过程呢?我们可以通过渲染直观地查看它。 1.打开“渲染”选项 2.刷新页面 绿色区域越重,渲染越重复网站优化,并且对DOM进行了优化以减少无效渲染。 九、Chrome DevTools-Layer 您可能很好奇,为什么要查看图层? 这是因为我们经常在不知不觉中搞乱了图层关系或添加了不适当的图层。 1.打开控制面板:Command + Shift + P 2.选择“图层”选项 十、摘要 通过优化工具,我们可以轻松分析网站的位置。之后,您可以快速开始优化以使网站以高性能运行。优化无非就是如此。 上一篇 开发微信小程序的开发+ UI
下一篇 企业创建网站建设的优势
文章分类:
SEO优化 互联网资讯 网站建设
|
代做工资流水公司珠海背调流水打印孝感消费贷流水查询海口银行对公流水开具舟山查询企业贷流水深圳消费贷流水公司南宁公司银行流水查询重庆企业流水打印图片长沙银行流水修改图片淄博打对公账户流水东莞流水账单代开咸阳制作工资证明中山查工资流水单惠州办理背调银行流水常德开消费贷流水洛阳查询房贷工资流水泰安入职流水报价宜春工作收入证明开具青岛银行流水账单模板遵义打印背调工资流水沈阳银行流水修改图片苏州工资流水单多少钱深圳收入证明价格汕头银行流水账代开信阳薪资流水单多少钱台州银行流水电子版开具天津代做工资流水app截图孝感办企业对公流水汕头代做对公流水上饶购房银行流水公司新乡代开贷款银行流水香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤