分析 Chrome 的瀑布流(Waterfall)

当需要调试网页或分析网站性能时,我们往往会 F12 打开浏览器控制台,查看网络请求,看网页加载了哪些资源,以及对应的请求方式(Method)、状态码(Status)、资源类型(Type)、大小(Size)、耗费的时间(Time)等。

如果某个资源耗费的时间比较长,我们需要深入分析时,则需要看另一个项目:瀑布流(Waterfall),在 Waterfall 中我们可以看出时间具体花在了哪些部分。

1556444223018

瀑布流中各项指标含义如下:

  • Queueing

    浏览器将资源放入队列时间,比如:遇到更高优先级的请求或请求并发超过 6 了。

  • Stalled

    因放入队列时间而发生的停滞时间。

  • Proxy negotiation

    与代理服务器协商时间。

  • DNS Lookup

    DNS 解析时间,浏览器需要将域名转换成 IP。

  • Initial Connection

    在浏览器发送请求前,需要建立 HTTP 连接的时间。

  • SSL

    如果网站使用了 HTTPS,这个就是浏览器与服务器建立安全性连接的时间。

  • Request sent

    请求发送的时间。

  • Waiting (TTFB)

    等待服务端返回数据的时间,这个时间受制于服务端处理性能。

  • Content Download

    浏览器下载资源的时间,这个时间受制于文件大小和带宽。

可以看出,就是将一次 HTTP 请求所花的时间做了拆解,从而有助于分析和定位问题所在。

那么该如何减少资源耗时或者提高网页打开速度呢?我想有以下几个方向可以考虑:

  1. 优化资源顺序,减少首屏打开时间。
  2. 合理收敛和发散网站的域名,域名太多导致更多的 HTTP 连接无法复用,域名太少导致超过浏览器限制并等待。
  3. 减少 HTTP 请求数,如合理利用客户端缓存,现在前端也有些工具可以合并 JS/CSS 资源等。

来源:https://zhangzw.com/posts/20190426.html

php+nginx实现自动化部署脚本(简单版)

在目标机器创建deploy用户(以deploy用户为例子)
添加用户并创建密码

/usr/sbin/groupadd deploy
/usr/sbin/useradd -g deploy -s /bin/bash deploy
passwd deploy
输入两次密码,回车确认

附加: 切换用户命令 su – deply

使用新增用户免密使用sudo命令
添加刚才的用户deploy到sudoers里面,进行免密使用sudo命令

visudo //修改/etc/sudoers的内容,或vim or vi 命令

vim /etc/sudoers
## Allow root to run any commands anywhere
# 设置xxxx组下面的用户使用sudo不需要输入密码
root ALL=(ALL) ALL

deploy ALL=(ALL) ALL # 新添加这一行
%deploy ALL=(ALL) NOPASSWD: ALL # 新添加这一行
到这里已经可以正常在exec中使用sudo here is command来执行命令了,而无需输入密码

 

目标机器修改php-fpm进程为deploy用户运行
以centos7.5为例子

vim /etc/php-fpm.d/www.conf
# 修改用户和用户组为deploy
user = deploy
group = deploy

# 如果存在listen用户和用户组,同样修改,不存在可以忽略
;listen.owner = deploy
;listen.group = deploy
重启php-fpm服务

service php-fpm restart
目标机器修改nginx为进程为deploy用户运行
以centos7.5为例子

vim /etc/nginx/nginx.conf
头部新增 (如果存在则修改)

user deploy;
重启nginx

nginx -t
service nginx restart
至此,可以使用php 脚本执行命令,并拉取git代码,同时,注意PHP脚本所属用户,可以修复文件用户归属:

# 批量修改 filedir 目录所属用户为deploy
sudo chown -R deploy:deploy filedir
PHP拉取git代码更新例子

$output = shell_exec(‘cd ~/www/test && git pull origin master’);
var_dump(output);