欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 为什么刚打开这个网页的时候加载很慢,几秒后才打开

程序员文章站 2022-03-29 21:47:22
...

为什么刚打开这个网页的时候加载很慢,几秒后才打开,我看到html文件加载要3秒以上,为什么会这样呢?在公司的服务器测试的?

javascript - 为什么刚打开这个网页的时候加载很慢,几秒后才打开

回复内容:

为什么刚打开这个网页的时候加载很慢,几秒后才打开,我看到html文件加载要3秒以上,为什么会这样呢?在公司的服务器测试的?

javascript - 为什么刚打开这个网页的时候加载很慢,几秒后才打开

从截图上看,你的问题主要还是集中在 html文本返回很慢,绿色的线很长,绿色表示Waiting (TTFB)

关于什么是 TTFB 你可以看下这篇文章 https://scaleyourcode.com/blo...

通俗点说,也就是你服务端给你返回html数据的时间,基本和这个绿色时间差不多,那么你的问题就是去查为什么这个html返回很慢,基本原因就是查数据慢呗。要不就是网络大姨妈

brand.html这个是品牌页面吧,从页面的大小9k来看,你这个页面渲染工作应该是由服务端完成后返回的,这就存在网络堵塞隐患。

你怎么写的代码我不知道,导致服务端响应慢的原因不外乎两个:

  • 你的程序数据库读取或同步操作过多,存在响应等待的问题(程序)

  • 你的测试服务器网络或性能不给力(硬件)

建议你减少服务端同步操作,在满足规定的SEO要求前提下,尽量把页面分模块用客户端渲染方案(使用JS异步渲染)

或者服务端只渲染首屏数据,接下去的数据改用JS懒加载和渲染

测试服务器可能比较慢吧

帅哥你图片那么多,推荐用CSS sprite

看下那个html里面都有什么东西?

这个问题还要与tcp/ip协议有关。 第一次访问网站会进行三次握手操作,这是很费时间的。但是建立连接之后,就很快了。因为不需要握手啦。所以第一次访问都会慢一点。

我遇到过相同的问题, 服务器系统重装之前速度很快, 重装之后速度变慢了.
这就排除了带宽的问题. 访问的页面都是一样的, gzip传输入都是开了的. 传输的数据大小是一样的。
但是不到10K的文件传输起来要好几秒,怎么都想不通.

后来我发现hosts文件中是空白的,然后我把

127.0.0.1 localhost

加入到hosts中之后,速度恢复正常

TTFB时间太长了,是服务器那边的问题,尝试从服务器那边进行优化吧。

首先要确定网络是稳定的