如何优化好一个网站?你有没有发现有些网站的下载速度很慢(除了你自己的网站:)。虽然功能非常简单,没有图片,但在PC机上运行速度很慢,更不用说手机的移动终端了。完全无法忍受。但是,如果网页打开超过4秒,用户将直接关闭网页。
如何快速判断一个网站是否是一团糟?
但一些大的站点,比如网易搜狐,虽然信息量巨大,图片巨大,但加载速度巨大,基本上都是ms级的,为什么别人这么快?
如果有这些问题,你能看看周围吗?
1图片不压缩,不使用CDN:如果你看到一个网站有超过n张图片,但你既不压缩也不使用CDN,速度肯定会减慢。
2未设置过期时间:如果未设置过期时间,则浏览器不会缓存静态资源,并且每次都会再次将这些资源拉到服务器上。
如果不合并的话,会浪费大量的资源。
使用Yslow,您可以立即发现该网站是否是一块“石”。Yslow是一个插件,可以从chrome和Firefox下载,
浏览器输入地址,然后点击测试,就可以测试网站了,这是大站的传奇,请看,
1太多HTTP请求(makeviewer httprequest)
2未使用的内容交付网络(CDN)
CDN(contentdistributionnetwork)是通过在整个网络中放置节点服务器,然后当您请求一个资源时,虚拟网络会将近的资源分配给您。网络中浪费的流量是图像资源,图像资源可以小到10K以上100K以上,因此,如果图像质量好,CDN将极大地影响加载速度。国内常用的cdn包括阿里云、qiniu等。在这里我们可以推荐您使用qiniu,因为在流量量小的情况下,它是完全免费的。
三、添加过期头
浏览器中会有一个过期时间,由cache-control标头和expires标头控制。例如,如果我将其设置为3天,则当您在3天内访问静态网站时,您将从浏览器缓存中获取数据。如果不设置缓存控制,则每次都会从服务器获取数据。
众所周知,JavaScript文件必须放在HTML文件的末尾。原因在于浏览器的加载原理。浏览器中有一个“初次屏幕时间”。所谓***屏时间就是网页***次显示的时间。请注意,此时不是网页完全加载的时间。因为浏览器是线性加载,所以只有在加载了所有HTML元素之后才会显示它。如果把JS放在前面,所有JS代码都必须加载,这将极大地影响加载速度。
众所周知,gzip可以压缩服务器端的静态资源。只要在服务器上设置,压缩后静态资源将至少减少30%。
如何优化好一个网站?无论如何,图像仍然会影响网页的加载速度。例如,如果全部10个图像都已加载,则可能需要10秒。但是,如果首页上只有2张图片,并且只显示2张图片,则需要2秒钟。有许多现成的延迟加载组件。在GitHub上搜索mlazy。
如何优化好一个网站?这是实用的六种方法,常用的优化方式是雅虎的35条军规,你可以自己搜索
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有