| Web前端进阶指南

| 点击上方红色按钮加关注，一起学前端！

关于前端性能优化的知识点

“春江水暖鸭先知，产品好坏客户知”，作为前端开发，我们更注重客户体验，产品的好坏决定着客户的体验，那么一款产品的好坏有很多因素，其中性能是决定因素，那么怎么优化才能让产品的性能达到优良，让客户体验良好，今天我就带大家去了解学习

概述

上一次脚本没发出来，这次补上..

顺便分享一个URL检测脚本，仅供参考。

上一次查看磁盘使用TOP 10的脚本

#!/bin/bash
#===============================================================================
# copyright by hwb
# date:2020-11-3
# USAGE: ./find_disk_usage.sh <directory> 
# 用途: 根据指定目录，查找出目录下占用空间最大的top 10目录和文件
#===============================================================================

#传参
bk_directory="/"
top_n=10

#调用函数库
[ -f /etc/init.d/functions ] && source /etc/init.d/functions
export PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/root/bin
source /etc/profile

#Require root to run this script.
[ $(id -u) -gt 0 ] && echo "请用root用户执行此脚本！" && exit 1



#用第一个参数指定服务器目录
if [ -n "$1" ];then
   bk_directory=$1
   #判断目录是否存在，防止当路径不存在时rm -rf /*之类问题发生
   [ -d $bk_directory ] || echo "服务器目录[$bk_directory]不存在，请检查输入参数！"
   [ -d $bk_directory ] || exit 1
fi


function find_disk_usage(){
  echo ""
  echo -e "\033[33m************************File or directory [$bk_directory] disk usage top${top_n}************************\033[0m"
  temp_file=$( mktemp )
  
  if [ $bk_directory = "/" ];then
     bk_directory=""
  fi
    
  
  #开始统计文件大小
  top_count=1
  while read usage_m file_path
  do
	[[ -f $file_path ]] && file_type="File"||file_type="Directory"
	#fmt -w 80命令会将echo输出的整行数据根据其命令选项指定的宽度(120个字符)进行折行显示，再将折行后的数据以多行的形式传递给sed命令。 
    #sed在收到fmt命令的格式化输出后，将会在折行后的第一行头部添加两个空格，在其余行的头部添加一个加号和一个空格以表示差别。 
	echo -e "\e[1;32m Top.${top_count} ${usage_m}(MB)   ${file_type}   $file_path \e[1;32m" | fmt -w 120 | sed -e '1s/^/  /' -e '2,$s/^/+ /'
	top_count=$((top_count+1))
  done <<< "$( du -am ${bk_directory}/* 2>$temp_file|sort -nr|head -${top_n} )"
  
  #打印没有权限日志
  if [[ -s $temp_file ]];then
	cu_user=$( id|awk '{print $1}' )
	echo ""
	echo -e "\033[33m*************************用户 $cu_user没有以下文件/目录权限************************\033[0m"
	cat $temp_file
  fi
  
  #删除临时文件
  [[ -f $temp_file ]] && rm -f $temp_file
  echo ""
  echo -e "\033[33m*************************File or directory  disk usage Over!**************************\033[0m"
}


find_disk_usage

作为产品经理的我们，不仅仅需要业务敏感的直觉，还需要数据驱动我们的产品不断创新！关于如何看数据，我列了主要的四个场景。

场景一：

看页面点击，了解用户关注什么，卡在哪里

给谁看：产品经理和交互设计师

看什么：

由于我们对Web应用的所有界面，可交互元素都做了埋点，那么我们就可以看用户在页面里都做了哪些点击动作。首先是整个页面的横向比较，每个页面本身的操作数（重定向次数和打开次数）；然后是当前页面要关注的元素及各自情况，即元素的操作数。当然了解趋势是不可少的，最好还能比较一下页面的操作数与页面元素操作数的比例关系。

什么是抓取诊断？

抓取诊断可以让站长从蜘蛛的视角查看抓取内容，自助诊断蜘蛛看到的内容，和预期是否一致。

爬行诊断有跳转

如果更新旧内容，修改网站，用301或302跳转，由于配置错误，重定向的次数太多，也会导致百度爬行失败。

wordpress版本：5.3.2

后台无法登录

重定向次数太多,后台页面无法访问，在wp-config.php 中添加如下配置，强制登录和后台使用https访问，配置加载包含wp-settings.php前。

$_SERVER['HTTPS'] = 'on';
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

作者：悦然wordpress建站(悦然建站）

CloudFlare 造成重定向的次数过多的原因

当网站开启了 CloudFlare 服务，用户访问我们的网站时，其实访问的离用户比较近的 Cloudflare 服务器，Cloudflare 再代理用户请求我们的源服务器，以达到加速和保护源服务器的目的。Cloudflare 代理用户请求我们源服务器获取网页资源的过程叫回源。