找回密码
 加入怎通
查看: 132|回复: 0

百度教你如何提升网站速度_怎么提高网站关键词排名

[复制链接]
我来看看 发表于 2023-03-25 03:40:15 | 显示全部楼层 |阅读模式
& _( \0 s. q# b3 k" a- ?

百度搜索对用户行为的研究表明,页面首屏的加载时间在1秒以内的页面,会带给用户流畅快捷的极速体验近期小编发现有部分站点移动端页面首屏打开速度多于1秒为了方便开发者对页面进行优化,技术特地总结了问题的主要原因以及优化方法给大家进行参考。

/ @5 M+ J3 v4 R4 O% ]- W6 q

1慢速原因一:关键子资源耗时较严重页面打开速度优化建议:1 ►清除不必要的资源,避免进行不必要的下载站点应当定期审核网页上的资源是否是必需的,并评估该资源的价值与性能影响清除阻塞渲染的JS和CSS如果要以最快速度完成首屏渲染,需要。

; [* g0 y+ U! p1 i6 p( N4 y

最大限度地减少网页上关键JS/CSS子资源的数量,并尽可能清除这些资源,最大限度地减少下载量2 ►使用代码拆分减少JS负载长时间运行的JS可能会阻塞主线程,这时可以考虑使用requestAnimationFrame() 或 requestIdleCallback() 。

4 e( b6 x1 M% @& Z

来进行优化根据不同的业务需求,开发者可以将JS中首屏的关键代码拆分出来,这样可以提前加载执行首屏中必需的少量JS代码,从而缩短页面的加载时间其余的JS可以按需加载或者置后加载同时建议开发者将JS优先放在首屏渲染完成之后,放在body闭标签前面。

- n& c' F; Q8 z# m: X7 p2 o/ J

3 ►优化阻塞渲染的JS为了实现最佳性能,可以让页面的JS进行异步执行,建议优先考虑使用defer的方式,其次是async方式,并去除关键渲染路径中任何不必要的JS1、优化JS的使用方式,优先使用异步JS资源。

; g3 ]8 v9 V" v) Y# D0 \

默认情况下,JS资源会阻塞解析,强制等待CSSOM并暂停DOM的构建,继而大大延迟首屏渲染的时间异步JS资源则不会阻塞文档解析器,如果脚本可以使用defer/async 属性,也就意味着它并非是首屏渲染所必需的,可以考虑在首屏渲染后异步加载脚本。

; x% Y8 T1 s. q) k; v+ o4 T8 ?6 u

2、延迟解析加载JS为了最大限度减少内核渲染网页的工作量,建议开发者延迟所有非必需的、对构建首屏渲染无关紧要的JS脚本,将JS优先放在body闭标签处3、避免长时间运行的JS运行时间长的JS会阻塞构建 DOM、CSSOM以及网页的渲染,所以。

; o5 K d! y$ N$ \

任何对首屏渲染无关紧要的初始化逻辑和功能都应延后执行如果需要运行较长的初始化序列,请考虑将它们拆分为若干个阶段,以便浏览内核可以间隔处理其它的渲染任务4 ►优化阻塞渲染的CSS默认情况下,关键CSS子资源是会阻塞内核渲染的,。

7 `7 c8 }" r; ^* N, {' Q5 X

请务必精简网页的CSS资源,同时需要将CSS尽快地完成下载,关键CSS子资源优先放在head标签内,以便缩短首屏渲染的时间1、优化CSS的使用方式CSS是构建渲染树的必备元素,首次构建网页时,确保将任何非必需的CSS资源都标记为非关键资源(比如print)。

+ J/ T7 S) p/ O A1 w

,并应确保尽可能减少关键CSS子资源的数量2、将关键CSS放在文档head标签内尽早在HTML文档内指定所有必需的关键CSS资源,以便浏览内核尽早发现link标记并发出CSS请求下载3、避免使用CSS import指令。

: K- V" \- j) J7 S1 j* r

一个样式表可以使用CSS import指令从另一个样式表文件导入规则不过应避免使用这些指令,因为它们会在关键路径中增加往返次数从而影响首屏渲染性能2慢速原因二:主文档耗时页面打开速度优化建议:优化和压缩资源,减小总下载文件大小。

5 p% X# B' A+ A" y

优化和压缩资源来最大限度地减小总下载大小,来提高网页加载速度开发者可以考虑通过简化编码来优化主文档大小,同时可以采用chunk编码,服务器分chunk输出,以及通过GZIP来压缩主文档资源3慢速原因三:页面存在额外跳转。

x. ]% Q5 T8 ~1 d. U8 l

页面打开速度优化建议:从用户点击到打开页面的过程中,有些网站内可能经过额外跳转才会将最终的页面展现给用户,所以建议开发者去除额外的跳转源文:百度教你如何提升网站速度 - 主机吧​www.zhujib.com/jiaoniruhetishengwangzhanyemianxing.html。

! f* r4 r$ j* e: u! d, G* Y4 n3 R$ j* k* W8 t0 F4 p ! r |3 u8 g7 O- z: f3 T' _% C; w % h- q& r& |* R * _ X( i) _4 [7 ~5 }
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-4-3 23:46 , Processed in 0.073880 second(s), 22 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表