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

网页优化速度的7种方法(网页的优化方案)

[复制链接]
我来看看 发表于 2023-03-16 12:38:47 | 显示全部楼层 |阅读模式
. W5 U2 V1 |/ R

网站优化是指通过对网站功能、网站结构、网页布局、网站内容等要素的合理设计,使得网站内容和功能表现形式达到对用户友好并易于宣传推广的最佳效果,充分发挥网站的网络营销价值,是一项系统性和全局性的工作,包括对用户的优化、对搜索引擎的优化、对运营维护的优化。

) `/ o; ^7 A" Q; C" ^

网站优化已经成为网络营销经营策略的必然要求下面就由我们和大家讲一讲网页优化速度的7种方法一、优化图片资源的格式和大小一个网页中,图片资源的大小占比是最多的,而且单个的文件的大小也很可观因此,在保证图片质量不变的情况下,尽可能的使用高压缩率的图片格式,图片格式可以按照这个优先级选择webp > jpeg > png > bmp。

. b, v' j5 e! v8 t* u

同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源,不要没事就把原图拉下来使用以前我就遇到过这种情况,一个196*196大小区域展示的图片,它的文件竟然达到了几兆,最后才发现把1960*1960分辨率的原图拉下来了。

3 r% x0 ?/ }7 A o1 \

二、开启网络压缩大部分浏览器在发出请求时,会带上这个标记「Accept-Encoding: gzip, deflate」,表示这个浏览器可以接受以gzip压缩方式传输数据,如果你的网页服务器也支持gzip压缩数据,那么数据以gzip方式传输时,会减少70~80%的流量。

6 V' p! H- s+ }3 i! v9 D; Y* j

三、使用浏览器缓存同一个站点下面的不同页面,往往都会复用一部分资源文件,如果把这些资源文件设置为可缓存的,那么在刷新或者跳转到另一个页面时,都无须再从网络拉取相关资源,这样就大大加快了网页的加载速度四、减少重定向请求

& `; ^0 U4 }2 B

有的网站对于不同的终端制作了不同的页面,比如说在手机上访问微博,会从http://weibo.com重定向至http://weibo.cn,每一次重定向都会导致浏览器重新发起请求,延长加载时间对于这种情况,应该尽可能使用响应式设计,一个。

2 T% }$ r- |3 v

http://weibo.com站点覆盖至所有终端五、使用CDN存储静态资源CDN是一种静态内容分发网络,它在每个省,甚至每个城市都部署有自己的服务器,用于分发这些静态内容,那么当某个城市的用户要拉取某个资源时,他会首选从本地的CDN服务器上拉取,这样可以保证他最快速的获得该资源。

$ s% @8 {2 L+ W4 t9 u, ]

据砖家统计,网络资源中有70%的是静态资源这就意味着,有70%的内容产生后是不会变化,那么将它们全部放在CDN上面,可以提升这70%的资源的下载速度六、减少DNS查询次数很多人喜欢把不同的图片挂在不同当域名下,比如说图片A挂在

6 G! F, A1 V: v( j) N

http://a.pm-teacher.com,图片B挂在http://b.pm-teacher.com当一个网页同时使用图片A和图片B时,浏览器需要查询两个域名,要知道,每次解析域名都是会浪费时间的,所以尽可能的将全部图片放在一个域名下。

- ?& ]% U7 \8 I U/ S, x% H

七、压缩css和js内容这里说的压缩和第2点并不重复,上面提到的压缩是不改变文件内容的压缩而css和js中有大量的空格和变量命名(如hello=”hello word”;),如果将这些空格去除,并用简单的字母来代换变量名(如a=”hello word”;),那么这些css和js原文件的大小也会缩小,这样也对加快拉取速度是有帮助的。

3 y. t# }6 v+ |/ N

不知道你有没有看出来,上面提到的优化方案的核心就3点:减少请求数、减少资源大小、找最快的服务器如果你是一个网站的产品经理,快去找你们的开发确认是否有做过类似的优化吧小伙伴们要想获得更多网页优化的内容,请关注我们。

7 p- M; g& S5 h% I% z : L+ \) v' P; S6 G [ y4 Q5 F* V8 Y" p * V' Q6 j( e: \ - q; \* z) [: M" }7 J
回复

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-7-8 18:34 , Processed in 0.033684 second(s), 25 queries , Gzip On.

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

    Powered by Discuz! X3.5

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