大家都知道wordpress过于庞大,到了一定的访问量之后就有亿点点的卡顿，加载时间特别感人。但是，WP Fastest Cache这时候就有点用，设置也比较简单，并且拥有汉化，可以切换多种语言。插件有付费版，但是我觉得没有什么必要，免费版功能很全，已经满足缓存需求了。
IIS为了提高性能，默认情况下会对静态文件js，html，gif，png等做内部缓存，这个缓存是在服务器iis进程的内存中的。IIS这么做在很大程度上可以提高静态文件的访问性能，在正常情况下只要静态文件更新了IIS也会更新缓存。但是如果更新的静态文件很多就有可能出现缓存不更新的情况。
WP Fastest Cache 是一个多功能缓存插件，通过创建HTML文件来帮助减少您网站的页面加载时间，由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的，因此每次从服务器请求页面时都需要使用 RAM 和 CPU，会减慢加载时间，并在用户的计算机或设备以及数据库上投入更多精力。但是，使用缓存系统，页面会呈现一次，然后存储为静态 HTML 文件，从而减少每个新访问者的加载时间。
让 typecho 支持 memcached 和 redis 缓存器 了解详情: https://github.com/gogobody/TpCache 原插件地址: https://github.com/phpgao/TpCache
现在，我们就要针对wordpress影响网站响应速度的因素进行具体问题具体分析，并探求正确的方法论高效率有效地解决问题。
近日，参加金融行业某私测项目，随意选择某个业务办理，需要向客户发送短信验证码： 响应报文中包含大段加密数据： 全站并非全参数加密，加密必可疑！尝试篡改密文，页面提示“实名认证异常”： 猜测该密文涉及用户信息，且通过前端 JS 解密，验证之。 手工分析 要分析前端，自然得打开浏览器的开发者工具。习惯性按下 F12 键，无反应，显然页面禁用 F12，没有调试环境，所有后续工作均无法开展，我得创造环境。 1.1 创造前端调试环境 虽然禁用 F12，但未禁用 shift-F5，它也能启用开发者工具，或者，页面
JavaScript禁用页面刷新代码如下： //禁用F5刷新 document.onkeydown = function () { if (event.keyCode == 116) { event.keyCode = 0; event.cancelBubble = true; return false; } } //禁止右键弹出菜单 document.oncontextmenu = function () { return fals
开发者可以利用 HTTP 响应头来加强 Web 应用程序的安全性，通常只需要添加几行代码即可。本文将介绍 web 开发者如何利用 HTTP Headers 来构建安全的应用。虽然本文的示例代码是 Node.js，但基本所有主流的服务端语言都支持设置 HTTP 响应头，并且都可以简单地对其进行配置。
目前老高提供了phpmemcache与memcached的支持，请选择对应的驱动。
WP Rocket，知名的收费WordPress缓存插件，WP静态缓存优化插件，主要用于页面缓存、静态文件优化，缓存预加载、调整缓存规则等。其它WP缓存优化加速插件推荐：WPJAM Basi（水煮鱼招牌插件），WP Supre Cache（张戈的纯代码版），如果你的服务器是小宽带，建议还是动静分离、静态资源托管CDN。
最近在项目开发中遇到一个需求：项目打包后，可以根据修改配置文件，进而动态替换页面上的文本。由于项目基本不涉及到后端，因此不考虑通过接口来修改。这就需要前端项目打包后需要暴露一个配置文件，每次页面刷新时会获取到最新的配置，达到动态替换页面文本的目的。
react-native bundle是react-native-cli的一个命令，制作离线包需要用到react-native bundle命令行，我们先来了解下react-native bundle可选参数都有哪些，如果熟悉webpack打包的朋友对下面的参数会很熟悉：
一般网站优化都是优化后台，如接口的响应时间、SQL优化、后台代码性能优化、服务器优化等。高并发情况下，对前端web优化也是非常重要的。 下面说说几种常见的优化措施。 1、HTML CSS JS位置 一般需要将CSS放页面最上面，即HEAD部分，而将JS代码放页面底部。因为页面需要加载为CSS才进行渲染，而JS如果不是在页面加载之前就要执行就要放到页面最底部，以免在页面展示之前因JS过多加载而影响页面渲染速度。 2、引用文件位置 有一些插件需要引用到远程的图片、CSS、JS、图标等，如果远程的资源连接网速
1、gzip压缩 在所有的web前端项目，静态资源基本都放在cdn上，gzip的压缩是非常必要的，它直接改变了js文件的大小，减少两到三倍。nginx的gzip配置非常简单，在你对应的域名底下，添加下面的配置，重启服务即可。gzip_comp_level的值大于2的时候并不明显，建议设置在1或者2之间。 # 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # gzip 压缩级别，1-10，数字越大压缩的越好，也越占用C
由于Nginx本身的一些优点，轻量，开源，易用，越来越多的公司使用nginx作为自己公司的web应用服务器，本文详细介绍nginx源码安装的同时并对nginx进行优化配置。 image.png Nginx编译前的优化 [root@linuxprobe ~]# wget http://nginx.org/download/nginx-1.10.1.tar.gz [root@linuxprobe ~]# tar xvf nginx-1.10.1.tar.gz -C /usr/local/src/ [root@l
webpack 命令可以在 package.json 中的 script 字段中添加命令，再使用 npm 执行：
在Spring Boot的开发过程中，快速反馈和效率至关重要。Spring Boot DevTools是一个为开发者设计的模块，支持热部署（hot swapping），能够实现应用的快速重启和自动重载，极大地提高了开发效率。本篇博客将介绍Spring Boot DevTools的核心概念，并通过具体的实战示例展示如何在开发过程中利用这一工具。
回顾 在web后台开发中我们经常需要存储一些变量到session中进行暂存，最为特殊的就是“购物车”，由于http的无状态特性，因此我们需要在客户端打上一个标记，唯一的标示客户端并和服务端session一一对应，因此就有了通过cookie和url进行存储或传递这个标示－－sessionID。 sessionID是一个长的字符串，它往往默认通过cookie来保存，这个session并不持久化到硬盘而是暂存到内存中，每次请求时都会在head中带上这个包含sessionID的cookie，服务端可以根据该id标
在我们前端开发的日常工作中，发现服务器上某个css/javascript文件有问题，需要修改，那真是家常便饭。通常，我们需要将文件进行修改，然后重新发布再验证，这样就很容易影响到生产环境的稳定性。更普遍的做法是，我们在开发环境中修改文件并验证，然后发布到生产环境。虽然安全，却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性，我们就非常敏捷地基于生产环境修改并验证，确认后再发布。
以下命令为系统级别的操作命令，比如管理账户，导入导出功能，本身并不会启动节点，只是在使用相应的功能。只有console命令和attach命令会进入js交互窗口。
本文首发于政采云前端团队博客：图解 HTTP 缓存 https://www.zoo.team/article/http-cache
HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。
最近做网站体验优化的时候突然发现一个好东西，pace.js(加载进度条插件)，gzip之后只有几kb， 简单好用，特地分享出来，也作为自己的一个学习总结。
HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？
在研究SEO优化的过程中，有网友问昝辉老师，关于网站JavaScript的使用和SEO注意事项，今天我们也一起学习学习。JS的SEO是很重要的问题，无论是异步调用内容，还是增加页面互动，现在的网站几乎无法避免使用JS脚本。但JavaScript使用不当的话可能会对SEO造成非常大的影响，JS造成SEO问题的症结在于，搜索引擎不一定执行JS脚本。
客户端缓存分为Http缓存和本地缓存,使用缓存好处很多,例如减少相同数据的重复传输,节省网络带宽资源缓解网络瓶颈,降低了对原始服务器的要求，避免出现过载，这样服务器可以更快响应其他的请求
我们知道，现在的应用程序已经发展到可以拆分为多个 JavaScript包了，为了获得更好的用户体验，这些 bundle 包通常需要预获取，即 prefetch! 但是现在的prefetch 效果有多糟糕我想你也知道。
去年我做了一个笔记《python快速建立超简单的web服务器》记录了如何用python快速搭建一个http服务器，然而简单确实是很简单，但是缺陷太明显了，无法多线程下载，大大制约了下载速度，而且性能堪忧，遇到大文件就够呛了；
一、JavaScript之平稳退化 这边使用一个当用户点击某个页面内某个链接弹出一个新窗口的案例： JavaScript使用window对象的open()方法来创建新的浏览器窗口; window.open(url,name,features); 这个方法有三个参数: url:新窗口里打开的网页的url地址。如果省略这个参数(这个参数为空),屏幕上将弹出一个空白的浏览器窗口。 name:新窗口的名字。 featrues:这个参数是以逗号分隔的一个字符串,他的内容是新窗口的各种属性,如新窗口的宽,高,以及新窗口
在HTTP协议中If-Modified-Since和If-None-Match分别对应Last-Modified和ETag
如果你是做国际或者全球业务的, 会更有体会, 很多国家和地区的网络是非常差的, 说他们停留在 2G 时代也不过分的.
背景 由于JavaScript（以下简称JS）语言的特性，前端作用域拆分一直是前端开发中的首要关卡。从简单的全局变量分配，到RequireJS实现的AMD模块方式，browserify/webpack
http-server是一个简单的零配置命令行http服务器。它足够强大，足以用于生产用途，但它既简单又易于破解，可用于测试，本地开发和学习
http-server是一个简单的零配置命令行http服务器。 它足够强大，足以用于生产用途，但它既简单又易于破解，可用于测试，本地开发和学习
最近开发了一个只有3个页面的微信投票小项目 基本流程:一个微信号一天只能对一个参与者投一次票且一天总共可以对不同参与者投10次票 首页内容:展示所有投票参与者以及其得票数,按照编号排序(支持点击投票) 排行页内容:展示所有投票参与者以及其得票数,按照得票数排序 详情页内容:展示指定参与者以及其得票数(支持点击投票) 后台略过… 项目上线后服务器cpu长时间负载100%,仔细查看后发现几个主要问题: 首页和详情页js中没有对触发异步请求的请求中状态(已发出请求且未收到响应[搜索,下一页加载,投票操作])没
在项目开发中，有许多场景需要执行一些定时任务，Egg 提供了一套机制来让定时任务的编写和维护更加优雅。
描述:在企业线上生产环境中推荐进行Nginx编译安装,可以按照业务侧重点进行相应 Nginx 编译参数配置，所以编译参数不是功能加的越多越好，应该尽可能少编译模块不用的最好不要加入，本小结将以最新的Nginx版本以及依赖版本进行编译演示。
众所周知，如今的网站会包含大量的JavaScript文件/代码，而这些代码一般都取自于TypeScript、SCSS和Webpack等复杂的实现栈。为了减少标准网页的加载时间，开发人员会利用缓存来减少服务器上的负载并减少用户的延迟。虽然缓存通常是为了帮助提高服务的可靠性，使其更易于用户访问，但一些自定义缓存配置可能会引入拒绝服务漏洞，导致服务易受攻击。
前言：以前一直认为性能优化很遥远，也很复杂，但当今天尝试过后，发现也并不是触不可及
先说下故事背景，我们平时在部署Vue等前端项目的时候，因为客户端浏览器缓存原则，经常会出现修改后，而用户不能第一时间更新的情况，只能通过禁用缓存，或者配置nginx，或者干脆联系用户，让用户刷新页面等方案，我都尝试过，都不是很舒服，今天又学到了一个技巧，分享给大家，个人感觉还是可以的，是一个思路，可以往这个方向思考。
追求成绩是浪费时间 没有哪个网站能获得理想的成绩，实际上几乎是不可能达到的，而且由于它与速度无关，为什么还要麻烦？ 如果您试图获得完美的成绩，则通过实施Google PageSpeed提出的所有建议，您将很快失去理智。
曾几何时， Lerna 是最流行的 JS monorepo 工具之一，或许大家有所耳闻，在去年 Lerna 的核心作者提到了 Learn 已经基本不再维护，一度引起了前端社区的广泛讨论。
缓存的作用就是提升网页加载速度。浏览器加载一个完整的网页势必会引用外部资源（图片，js，css）。若每次加载网页都要去加载这些外部资源则会引起不必要的时间和资源浪费，且会影响用户体验。而解决上述问题需要一个优秀的缓存策略。除此之外，web缓存的优点还有很多，例如：减轻服务器压力
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源。 根据标准，到目前为止，H5 一共有6种缓存机制，有些是之前已有，有些是 H5 才新加入的。 浏览器缓存机制
网站被黑症状的一种形式，也就是web前端被黑了，我来说说网站页面被劫持的一个症状和处理方法。首先我们先来看一下这个症状是什么样的，这里我找到了一个客户网站的案例，那么当我在通过百度搜索某些关键词的时候，当我点击这个链接的时候，它会给你跳到这种菠菜的页面，那么怎么样判断它是前端还是后端PHP进行了一个劫持，那么我们就把这个链接复制过来，复制好了后，我打开这个调试面板，然后在这里有一个 settings的这个一个设置按钮，把这个disable javascript这个脚本把它禁用，那么禁用之后把刚才这复制过来的这个快照链接把它复制过来，然后敲一下回车，就会发现发现它是不会跳转的，所以对于这一种请求跳转，我们把它称之为叫做前端拦截。要知道前一两年这种形式还是比较少的，但是今年发现的就越来越多，原因是什么，原因是PHP脚本里包含跳转代码的话会被杀毒软件直接查杀出来。
本文接上一篇 🚀秒开时代：博客性能优化指南 ， 由于性能优化后把一些功能弄的不好使了，这次把那些功能异常问题排查一下，顺便再整理一下代码，同时把页面效果稍微优化一波，本文主要为实操记录分享
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
