提高网站页面加载速度的方法

Posted 2021-01-21 choisenhwa

我们在访问一些网站时，总是感觉页面加载的速度不够快，这是什么原因导致的呢？作为网站的开发者又能做哪些优化，来提高页面的加载速度呢？

工具/原料

 

• 网页开发工具

方法/步骤

 

1. 1

   优化图像。图像能吸引访客的注意，但是每一张图片都需要从服务器下载到访客的电脑中，这无疑增加了页面的加载时间。因此，必须优化图像。优化方法包括适当减小图片尺寸，降低图片的颜色深度。

2. 2

   去掉不必要的插件。一些免费的插件能够增强网页的功能，但是如果添加了过多的插件，就会增加服务器的负担和页面加载时间。在构建页面时，去掉不必要的插件，用一些内置的功能来代替插件。

3. 3

   减少DNS查询。DNS查询需要花费较长时间来返回IP地址，而浏览器在查询结果返回之前不会做任何操作。具有多种网络元素的页面，需要进行多次的DNS查询，花费的时间更长。减少不同域名的数量，就会减少DNS的查询，从而加速页面加载速度。

4. 4

   减少使用重定向。重定向增加了额外的HTTP请求，甚至有时候链向多个域名或是不存在的页面，大大的增减了延迟时间，因此要减少重定向。

5. 5

   使用内容分发网络CDN。服务器在处理大流量的数据是十分困难的，这最终导致页面加载速度变慢。CDN是位于全球不同地方的高性能网络服务，它会复制你网站的静态资源，并以最有效的方式来为访客服务。使用CDN，可以提升页面的加载速度。

6. 6

   把CSS文件放在页面头部，JS文件放在底部。

   把CSS文件放在头部可以禁止逐步渲染，节省浏览器加载和重绘页面元素的资源。把JS文件放在页面底部可以避免代码执行前的等待时间，从而提升页面的加载速度。

7. 7

   利用浏览器缓存。

   浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能。访客再次访问时，直接从缓存中读取内容而不需要重新加载。优化网站的缓存系统会降低网站的带宽和托管费用。

8. 8

   使用CSS Sprites整合图像。

   图像始终是网站优化时的顽疾。可以使用CSS Sprites来整合多个图像到几个输出文件，从而减少下载资源的往返次数和延迟，从而提高页面的加载速度。

9. 9

   压缩CSS和javascript。

   压缩会移除一些不必要的字符，从而帮助减少文件大小和网页后续的加载时间。

10. 10

    启用GZIP压缩。

    在服务器上压缩网站的页面能很好地提升网站访问速度。GZIP可以帮我们完成压缩必要资源，从而给用户发送最小的html文件和CSS/JS等资源。

    END

注意事项

 

• 网站优化的一些心得，希望能帮到大家。