原文链接：https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5
浏览器在加载资源时，为了提高效率，会使用一定的缓存策略，比如强缓存，与协商缓存，那么如何保证在资源发布以后浏览器能拿到最新的资源而不是缓存呢？
关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。
响应头中设置 Expires的值为格林威治时间 就是告诉客户端，此资源的请求可以用到指定时间点，在此时间之前，都要重新发请求到服务器请求这个资源，强制读取缓存
在后端为了加速服务的访问速度，通常可以使用 Memcached、Redis 做数据缓存，那么在浏览器端又有哪些缓存策略呢？
前端的优化，主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。
这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。
缓存的作用就是提升网页加载速度。浏览器加载一个完整的网页势必会引用外部资源（图片，js，css）。若每次加载网页都要去加载这些外部资源则会引起不必要的时间和资源浪费，且会影响用户体验。而解决上述问题需要一个优秀的缓存策略。除此之外，web缓存的优点还有很多，例如：减轻服务器压力
正确使用缓存可以带来巨大的性能优势，节省宽带，并降低服务器成本，但许多网站并不重视缓存，造成竞争条件，导致相互依赖的资源不同步。
下面我将“从输入URL到渲染的全过程”大概的描述出来，再对其过程加以解释，了解过程中可以做哪些优化。文章内容有点长，需要有足够的耐心看完哟！！下面我要开始啦！
今日洞见 文章作者、部分图片来自ThoughtWorks：陈计节。 本文所有内容，包括文字、图片和音视频资料，版权均属ThoughtWorks公司所有，任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表。已经本网协议授权的媒体、网站，在使用时必须注明"内容来源：ThoughtWorks洞见"，并指定原文链接，违者本网将依法追究责任。 当AngularJS应用程序变大时，很多问题就开始显现出来了，比如多层级视图的加载问题。如果在子视图显示之前没有预加载，则可能在需要展示时发生视
我们在优化Web服务的时候，对于静态的资源文件，通常都是通过客户端缓存、服务器缓存、CDN缓存，这三种方式来缓解客户端对于Web服务器的连接请求压力的。
在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本，使用心得版本号的时候，发现 html 里面引用的版本号却是旧的版本号 ，原来是该 html 文件被缓存了,很多时候我们设置禁止 html 文件被缓存,但依然会出现被缓存的情况。
“如果nginx没有在你的节点服务器之前，那么你可能就错了。”Bryan Hughes在Twitter上说 Node.js是全球领先的用JavaScript——世界上最流行的编程语言创建服务器应用程序的工具。提供web服务器和应用服务器的功能，Node.js被认为是各种以微服务为基础的开发和交付的关键工具。 （下载关于Node.js和NGINX的免费Forrester报告。） Node.js可以替代或增强Java和.NET用于后端应用程序的开发。 Node.js是单线程的，并且使用非阻塞I / O，允许它扩
0x00 起因 不久前@三好学生师傅买了一个wooyun wifi,然后聊到了缓存投毒： 然后看到wooyun wifi的这个说明： 默认情况下该功能附带缓存投毒功能，将视图缓存所有的页面至2099年
浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。
Nuxt.js 是一个基于 Vue.js 的通用应用框架，一个用于Vue.js 开发SSR应用的一站式解决方案。它的优点是将原来几个配置文件要完成的内容，都整合在了一个nuxt.config.js，封装与扩展性完美的契合。
互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。
HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化
相比大多数应用服务器，Node.js 可以很轻松的处理大量的网络流量，但这并不是 Node.js 的设计初衷。 如果你有一个高流量的站点，提高性能的第一步是在你的 Node.js 前面放一个反向代理服务器。这可以保护你的 Node.js 服务器免于直接暴露在网络中，而且可以允许你灵活的使用多个应用服务器做负载均衡和静态文件缓存。 点击查看原图
摘要总结：本文介绍了如何利用NGINX反向代理、缓存静态文件、实现Node.js负载均衡、代理WebSocket连接以及实现SSL/TLS和HTTP/2来提高网站性能的五个实用技巧。
缓存就是数据交换的缓冲区（称作：Cache），当用户要获取数据的时候，会先从缓存中去查询获取数据，如果缓存中有就会直接返回给用户，如果缓存中没有，则会发请求从服务器重新查询数据，将数据返回给用户的同时将数据放入缓存，下次用户就会直接从缓存中获取数据。
本文介绍了如何使用 NGINX 和 Node.js 实现反向代理、负载均衡、缓存静态文件、代理 WebSocket 连接以及实现 SSL/TLS 和 HTTP/2。通过这些技术可以提高网站的性能和安全性。
当我们去面试的时候，很大概率会被面试官问这么一个问题：你有尝试过对项目做性能优化吗？或者你了解哪些性能优化的方法？听到这个问题的你可能是这样的：
最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？
面试经典题——URL加载 一、涉及基本知识点： 1. 计算机网络 五层因特尔协议栈： 应用层（dns、http）：DNS解析成IP并完成http请求发送； 传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接； 网络层（IP、ARP）：IP寻址； 数据链路层（PPP）：将请求数据封装成帧； 物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的
浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览
大部分用户希望网页能在 2 秒之内就完成加载。事实上，加载时间每多 1 秒，你就会流失 7% 的用户。如果加载需要太长时间，他们就会放弃访问。
这本书是很久之前买的，今天回顾了一下，顺便记录一下笔记。 本书的副标题是“前端工程师技能精髓”可见这本书的牛逼之处。这本书也很薄，只有147页，但是每一章都是精髓。由于这本书每章提出了一个性能优化的方法，我们也就按照每张的具体内容给出吧。
简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。
a）首先会搜索浏览器自身的DNS缓存（缓存时间比较短，大概只有1分钟，且只能容纳1000条缓存）
作为一个前端，经常会有老板或测试给我们提出某个地方加载太慢了，需要优化一下。我们自己的网站也一样，加载时间过长，自己都不耐烦，对于网页优化是很常见的，今天我们先介绍下网页加载原理。
高性能网站架构方案（二）——优化网站响应时间 （原创内容，转载请注明来源，谢谢） 一、概述 优化网站响应时间是保证网站受用户关注的要点，主要方案有： 1、减少HTTP请求 当需要加载图片、css、js等内容时，尽量减少加载的次数。可以合并加载，另外当改动量很少时，尽量将内容进行缓存。 图片的缓存可以设定更新时间，定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存，通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
https://www.cnblogs.com/zjstar12/archive/2012/01/12/2320408.html
前端性能优化，是每个前端必备的技能，优化自己的代码，使自己的网址可以更加快速的访问打开，减少用户等待，今天就会从几个方面说起前端性能优化的方案，
继前面几篇文章后再来说说老生常谈的话题，怎么样提升前端性能。文中很多取材自网络及《High Performance Web Sites》，并根据自己工作中所接触到的知识整理而成。
vue 项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。下面是我的解决方案：
web资源防盗链 盗链是什么？ 为什么要防？ 在自己页面上显示一些不是自己服务器的资源（图片、音频、视频、css、js等） 由于别人盗链你的资源会加重你的服务器负担，所以我们需要防止 可能会影响统计 防盗链是什么？ 有哪几种方式？ 防止别人通过一些技术手段绕过本站的资源展示页，盗用本站资源，让绕开本站资源展示页面的资源链接失效 大大减轻服务器压力 1、Referer (易伪造referer,安全性低) 2、加密签名 （安全性高） 防盗链的工作原理 通过Referer，服务器可以检测到访问目标资
安装metro-core依赖主要有两种方式：npm和yarn。npm安装的命令如下：
最近在项目开发中遇到一个需求：项目打包后，可以根据修改配置文件，进而动态替换页面上的文本。由于项目基本不涉及到后端，因此不考虑通过接口来修改。这就需要前端项目打包后需要暴露一个配置文件，每次页面刷新时会获取到最新的配置，达到动态替换页面文本的目的。
HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存处理过程。 请求时的缓存指令包括: no-cache、no-store、max-age、 max-stale、min-fresh、only-if-cached等。 响应消息中的指令包括: public、private、no-cache、no- store、no-transform、must-revalidate、proxy-revalidate、max-age。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
