Recommended Services
› Amazon Web Services
› LeanCloud
› New Relic
› ClearDB
wotaijian
V2EX  ›  云计算

网站每个页面要等待 3-5 秒加载,咋回事

  •  
  •   wotaijian · Sep 7, 2018 · 10490 views
    This topic created in 2981 days ago, the information mentioned may be changed or developed.

    本人设计师一只,耗尽本不发达的脑细胞来研究 wordpress 和购买安装国外主题终于架起了网站,也修改了不稳定的 googleapis,然儿,现在每个页面跳转都要好几秒,不知道是主机的问题还是程序问题。请大侠们指点下。lightbrand.cn

    53 replies  •  2018-09-08 09:37:21 +08:00
    opengps
    opengps
    Sep 7, 2018
    1
    首页有个 500 错误拖慢了所有访问
    opengps
    opengps
    Sep 7, 2018
    2
    刷新后好像不是 500 了,你用的啥模版。
    总之你的问题出在首页的一个准备工作里,这一步执行时间长,他结束,其他的不能开始
    opengps
    opengps
    Sep 7, 2018
    3
    换个描述,你的问题出现在一个后台逻辑里,这个逻辑是所有页面加载之前就得运行的,看了其他几个页面,也是相似的延迟。 你所有页面是不是继承了某个父类,或者说页面执行之前调用了同一个方法
    这个父类或者方法,会独占执行完才能开始执行页面输出代码
    Outhwaite
    Outhwaite
    Sep 7, 2018
    4
    F12 打开谷歌浏览器,Network-看哪些文件加载比较费时
    sutra
    sutra
    Sep 7, 2018
    5
    index.php (仅该文件,不包含上面的 css 和图片等资源文件) 就要等到 3-4 秒嘛。
    mclxly
    mclxly
    Sep 7, 2018
    6
    1. 请求太多;
    2. 没有开启 gzip;
    3. 静态资源考虑上 CDN, 有个图片 1.2M ;

    delectate
    delectate
    Sep 7, 2018
    7
    http://okami1.edge-themes.com/wp-content/plugins/contact-form-7/includes/css/styles.css
    http://ditu.google.cn/maps-api-v3/api/js/34/5/common.js

    这几个的 css/js 加载耗时过多。

    页面 js 体积过大,太多; css 也写得有点凌乱……粗略数了一下,有近 100 个文件,体积估计得有好几兆。得深度优化了。
    Quarter
    Quarter
    Sep 7, 2018 via iPhone
    8
    cloudflare 上个 cdn 试试
    YiKeRowing
    YiKeRowing
    Sep 7, 2018
    9
    肉身美帝测试,也得 5 秒以上,应该不是 css 国外镜像引用的原因吧
    fortunezhang
    fortunezhang
    Sep 7, 2018
    10
    我感觉你的后台有些慢,请求的时候至少一秒在等待相应。 后端用的 python 吗? 还有你的静态资源挺多,加载耗时蛮大的,你可以试试把静态的文件换个域名加载,具体不清楚叫什么。
    foreverpdq
    foreverpdq
    Sep 7, 2018
    11
    加了 sleep 函数,滑稽脸
    ihoey
    ihoey
    Sep 7, 2018 via Android
    12
    wp 应该是有 Google 字体的,这个比较慢
    o0
    o0
    Sep 7, 2018
    13
    感觉速度还行,lz 的界面是自己写的吗?好漂亮
    JinShu
    JinShu
    Sep 7, 2018
    14
    网站加载 Waiting (TTFB) 时间过长的原因和解决办法
    justfindu
    justfindu
    Sep 7, 2018
    15
    51 个 js , 9 个 css. 其中还有字体加载 404. 还有图片 404 . 这个慢可想而知的吧
    imdong
    imdong
    Sep 7, 2018❤️1
    16
    ![]( )
    ![]( )
    仅加载 html 就用了三秒.
    建议优化代码逻辑,该静态就静态,该缓存就缓存。
    正常页面不应该加载这么久的。

    站内静态资源建议单独使用 CDN (全站也可。)
    有一张图片 1.2M 太大了,建议压缩或者缩放.
    最起码首页不要加载这么大的原图.
    有条件使用懒加载更好.

    这样的站,应该两秒内加载完毕的。
    你这光 html 就三秒显然不正常。
    其次还没用压缩,开启 gzip 压缩会稍微好一丢丢,想比目前来说意义不是最大的。

    ![]( )
    看这里,连接很快,等待很久,下载也很快。
    所以,等待是重点。
    Miary
    Miary
    Sep 7, 2018 via Android
    17
    前面等待了 3 秒多,但是整个页面加载完成竟然花了 15 秒。。。
    98jiang
    98jiang
    Sep 7, 2018
    18
    下载了 5.2M 有点大啊。。
    yhxx
    yhxx
    Sep 7, 2018
    19
    来个联系方式?刚好明天周末了有空帮你处理一下
    Laz
    Laz
    Sep 7, 2018
    20
    字体 404,接口 500,图片压缩下,js 和 css 也都可以压缩,然后 concat 模块合并静态资源文件,静态资源请求太多了。
    nu11001
    nu11001
    Sep 7, 2018❤️1
    21
    数据库连接"localhost"改成"127.0.0.1"
    ghhardy
    ghhardy
    Sep 7, 2018 via Android
    22
    我上 CSDN 就加载很慢甚至出不来,比 Stack Overflow 还费劲
    brofen
    brofen
    Sep 7, 2018
    23
    1、模板页 pending 了 2 秒多。
    2、一个页面 80 多个请求,其中 js 文件 49 个,css 文件 15 个。这里的优化空间很大。一个是删冗余代码,一个是压缩。
    3、5mb 的内容加载了 12 秒,可以考虑挪一些静态资源文件到 cdn,免费的看看七牛云也行。
    4、有一张图片 1.2mb 。图片这里可以做懒加载,第 1 张显示时时候加载第 2 张,第 2 张显示时再加载第 3 张这样。
    Hayek
    Hayek
    Sep 7, 2018
    24
    #16 楼说的很详细了。我觉得目前最主要的就是 html 加载都要 3s+,很不正常,应该做一下缓存或者伪静态。
    cncqw
    cncqw
    Sep 7, 2018
    25
    难道没人发现他用的 Windows 服务器 + IIS ?
    cncqw
    cncqw
    Sep 7, 2018
    26
    HTML 加载慢并不是缓存之类的原因,而是因为楼主使用了 woo commerce 插件,导致每请求一次首页都需要动态渲染一次,但是完全没发现楼主的站点哪里有用到购物功能,解决方案就是换 Linux 服务器,禁用不用的插件,移除当前页面没用的 js 库,像这种页面完全可以全部静态化,。
    wotaijian
    wotaijian
    OP
    Sep 7, 2018 via iPhone
    27
    唉问题超多啊
    shiina
    shiina
    Sep 7, 2018
    28
    有点乱啊,最简单的办法加个 cdn
    fuchaofather
    fuchaofather
    Sep 7, 2018
    29
    做设计的网站弄的就是好看, 叫我弄左边菜单右边网页
    wotaijian
    wotaijian
    OP
    Sep 7, 2018 via iPhone
    30
    安装了 super cache 插件,开启了压缩页面选项,
    停用了 woo commerce 插件,提速不明显。
    程序小白一个,还要好好研究一下,感谢各位帮忙找出问题,不一一回复,感激!
    jason19659
    jason19659
    Sep 7, 2018
    31
    图片延时加载吧
    alvinbone88
    alvinbone88
    Sep 7, 2018
    32
    在 wp-config.php 里加
    define('DISABLE_WP_CRON',true);
    然后自己想办法用系统自己的定时任务执行 wp-cron.php
    wotaijian
    wotaijian
    OP
    Sep 7, 2018
    33
    @yhxx 好啊 微信 guheyu
    lygmqkl
    lygmqkl
    Sep 7, 2018
    34
    1.2m 图片是大坑吧, 估计 vps ? 带宽太小了。
    然后还有 3 个 404
    34C
    34C
    Sep 7, 2018 via iPhone
    35
    @cncqw 跟 Windows IIS 有啥关系?我用 IIS 每分钟一万多 PV 啥事没有。就他这程序换 Linux 一样卡。
    PythonAnswer
    PythonAnswer
    Sep 7, 2018 via iPhone
    36
    楼上老板点赞,哈哈 我大 win 的反击
    sen2
    sen2
    Sep 7, 2018
    37
    设计师弄得就是好看
    34C
    34C
    Sep 7, 2018
    38
    @PythonAnswer 我是搞不懂都 2018 年了怎么还有人认为 IIS 性能不行,还扯什么插件 什么动态渲染,拜托作为一个网站,连点动态渲染都用不得 非要纯静态 那做个毛的网站,代码烂就是代码烂,还怪到 windows 和 IIS 上
    fishliu
    fishliu
    Sep 7, 2018
    39
    @lygmqkl 是虚拟主机
    Ant01
    Ant01
    Sep 7, 2018
    40
    优化方案前面都说了很多了。看你这么优秀,有没有兴趣你出设计,我出实现,一起做小程序。
    POPOEVER
    POPOEVER
    Sep 7, 2018❤️1
    41
    办公地点好 fancy 啊,地标楼诶。。。

    哎,珍爱生命,远离 wordpress 😔

    - 如果是自己可以做主,面向国外市场用 wix,面向国内市场用 strikingly 吧。
    - 如果自己可以折腾的话(感觉你能弄 wp 算是蛮能折腾了)看看 hexo/gatsby + netlify/contentful 这些 JAM stack 吧
    - 如果只做国内市场的话,楼上说的小程序也是一个方案
    Pepsigold
    Pepsigold
    Sep 7, 2018
    42
    @yhxx 老哥,discuz 怎么优化啊~
    首页 184 请求\加载完 4.7M\30 来秒\DOMC4.7
    alwayshere
    alwayshere
    Sep 7, 2018
    43
    就几个页面你还用 WordPress,直接用纯静态 HTML 吧
    yhxx
    yhxx
    Sep 7, 2018
    44
    @Pepsigold 其实基本的楼上都已经说的差不多了
    GZIP、压缩图片、静态资源 CDN、HTTP2 之类的
    具体看你的场景来优先处理掉收益最大的吧
    jmk92
    jmk92
    Sep 7, 2018
    45
    我觉得,把你的站 down 下来,部署成静态,搞个域名挂上 CDN,可以和你站一毛一样,速度形成天壤之别
    cncqw
    cncqw
    Sep 7, 2018
    46
    我也搞不懂都 2018 年怎么还有人用 Windows 当服务器,你是.NET 项目我无话可说,然而又是 PHP,当然,只要会配置效果也不一定差到哪里去,自己用的开心就好。反正每当这个时候,我对 phper 的认识又**加深**了一些
    580a388da131
    580a388da131
    Sep 7, 2018
    47
    访问你的 RSS 都得两秒,所以你这就是后端的问题,不知道是虚拟主机还是 VPS,应该是数据库的坑。
    Windows 下 MySql 有个坑,Localhost 连接数据库会很慢。
    LudwigWS
    LudwigWS
    Sep 7, 2018
    48
    不错,很酷炫
    sampeng
    sampeng
    Sep 7, 2018
    49
    用 vps 来开 wordpress 的。就没有快的。。哪怕所有图片都走静态 cdn 之类的。。。总会莫名其妙慢的飞起。。。
    CloudnuY
    CloudnuY
    Sep 7, 2018
    50


    这几个 js css 的加载时间有点恐怖
    zhs227
    zhs227
    Sep 7, 2018
    51
    有一些莫名的插件会在后台请求时访问网络,如果凑巧服务器在墙内,请使用干净的 WordPress 测试。
    MonoLogueChi
    MonoLogueChi
    Sep 7, 2018 via Android
    52
    精简 css 和 js,还有字体,公共资源尽量走 CDN。还有开启静态缓存。压缩图片,开启网页压缩。
    someonedeng
    someonedeng
    Sep 8, 2018
    53
    页面过来之前,后台好像在跑些什么东西,过好几秒才有页面。

    静态资源这么多,cdn 吧。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2892 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 92ms · UTC 12:05 · PVG 20:05 · LAX 04:05 · JFK 07:05
    ♥ Do have faith in what you're doing.