网站建设过程中是如何提高网站加载速度

发布网友 发布时间：2022-04-20 08:55

我来回答

共4个回答

热心网友 时间：2022-04-19 06:11

一、巧用插件检测页面加载时间来提高网页打开速度。 直接通过浏览器访问可以直观的看出网站的加载速度，但是北京网站建设浏览网站的网络环境各不相同，如果网站加载了较多特效，对于带宽较小的用户来说，很可能对浏览造成影响。要详细的了解站点的加载速度，可以通过检测网页加载时间的插件YSlow，它是一款Mozilla Firefox的扩展程序，插件安装完成后打开待检测的网站，当网页完成加载以后，就可以看到一项统计数据数字，这里就是该网页加载所用的详细时间数据了。 二、小小做些优化让网页显示速度变快 1.使用Gzip压缩文档： GZIP编码是用来改进网页性能的方法，不仅可以减小存储空间，还可以减少传输所需的时间。将网站中的文件使用Gzip压缩后，可以显着的增加网页加载速度，同时也可以降低网站的带宽流量消耗。 2.样式表文件放在外部调用： 把页面中需要用到的JavaScript和CSS样式表文件放在另外的文件夹中，这样一来在打开网站其它页面时就会缓存这些调用的文件，从而加快网站页面的加载速度。 3.避免使用网页重定向： 无论是通过服务器端重定向或者JavaScript代码进行内容重定向。网站都会首先加载一个空白的页面，然后在定向到另外的页面，这样不仅延长了页面的加载时间，还很有可能导致无法跳转，让用户面对一个“空白”页面。 4.清除重复多余的脚本： 浏览器加载相同的网页脚本会增加页面的加载时间，但是很多程序都会有这种简单的错误出现。现在就看看网站中有没有调用两次或三次jQuery或者其他的脚本吧。 5.减少域名DNS查找时间： 用户在浏览器的地址栏中键入域名后，浏览器就会通过DNS系统查找域名对应的IP地址，所以需要将DNS的时间设置在较低的水平，比如平均60-100毫秒进行一次DNS查询。 6.给JavaScript文件减肥： 这个方法不同于gzip压缩功能，缩小JavaScript文档有很多方法，比如去除不必要的空格等其他标签等。 止水带

热心网友 时间：2022-04-19 07:29

优化网站代码。作为浏览网站时必须读取的文件之一，必定要重视对它的优化，所谓的代码优化。

压缩图片文件。通常多媒体形式的网站内容占据页面的空间较大，随着多媒体内容的增加，若不做有优化处理，占据的资源将会是成倍地增加，导致打开速度变慢。

图片调用统一。若网站的图片来自不同的网络资源，那么建议站长们将所有的图片资源整合到统一的文件中进行调用，由于在网站被解析图片来源时，若来自的地址不同，那么就要花费更多的时间来逐一调取解析，这样就会浪费部分时间，导致速度变慢。

使用响应式设计。当然网站也涉及到在不同设备中被打开，有些网站建设时会采用重定向的方法对网站进行不同设备的交替变换，但这种方法使得网站在浏览器上的请求就会延长加载的时间。

巧用浏览器。这一点则是站在用户自身角度来说的，不排除有时候用户打开网站的页面数量过多而导致浏览的加载速度变慢的情况

热心网友 时间：2022-04-19 09:04

运维层面的优化：

尽可能的将html,js,css部署到cbn服务器上。

开启etag或者过期时间，以便浏览器端尽可能的使用缓存

开启http的gzip压缩

开启http/2

开启HSTS以便让上一条总是生效

开启 http concat

静态资源使用不同的域名，以便减少cookie体积。

web前端开发层面的优化：

代码丑化（压缩）

图片矢量化，比如icon font，svg等

js和css的http请求合并。（注意开启了http/2的时候，不要滥用，让浏览器充分发挥它的缓存特性）

调整加载顺序，先html，后css，最后js

使用服务器端预渲染技术。

图片懒加载。

内容分页加载或懒加载。

最后四条优化的是用户感知层面上的速度，其中最后三条甚至会增加网络传输的总数据量，但会让用户觉得反而速度快了。

热心网友 时间：2022-04-19 10:55

一定要找规模大的服务商，小的服务商不稳定；他们只是简单地在租几台服务器就开始卖虚拟主机了，虽然更便宜，但是不稳定，会使您的网站经常无法访问,影响您公司的形象及业务往来。