前言 性能优化,一直作为前端的一个热点问题,作为一个优秀的前端开发人员,性能优化时必备技能。本文将从减少http请求次数、减少单次请求资源大小、渲染优化、资源加载优化等四个大方向,下分诸多小方向,全面总结常用前端优化方法。 (内容较多请看目录) 减少http请求次数 1.浏览器缓存策略 浏览器缓存机 ...
分类:
其他好文 时间:
2019-12-15 12:46:55
阅读次数:
99
浏览器缓存是优化网站,提升网站性能的有效方法。 浏览器缓存一般指对服务器返回静态资源(html、js、css文件,图片,数据)在客户端的备份。(不考虑ajax请求) 👇基于Chrome浏览器版本 78.0.3904.97(正式版本);firefox默认过期时间都是0,设置其他值也无效。 1. 浏览 ...
分类:
其他好文 时间:
2019-12-09 01:42:44
阅读次数:
101
Dede默认生成静态首页后,织梦网站首页的链接后面会多出一个index.html。据官方说法这样有利于网站优化。但有的也说,织梦网站首页index.html链接不利于SEO中主页URL的统一,因为域名后面加上index.html与不加完全是两个链接,这样容易分散首页的权重。不是专门做SEO技术优化的,对这不是很了解,但可以肯定的是:搜索引擎对于静态html页面会比较友好,所以说静态的首页文件更容易
分类:
Web程序 时间:
2019-11-30 11:56:01
阅读次数:
287
1.http缓存机制,浏览器缓存到底是什么?所谓的http缓存,就是浏览器自己给你的一个功能,一个缓存数据库,夹在服务端和客户端中间,你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等(默认存在缓存)浏览器缓存分为强缓存和协商缓存,浏览器加载一个页面的简单流程如下:(1)浏览器先根 ...
分类:
其他好文 时间:
2019-11-26 21:10:56
阅读次数:
58
1、替换HTTP Request Host 应用场景:进行开发时,线上去测试跳转调试 替换命令:urlreplace news.baidu.com www.baidu.com; 清除命令:urlreplace,需要同时清除浏览器缓存; 永久替代:Script脚本实现 2、配置Host 应用场景:线下 ...
分类:
其他好文 时间:
2019-11-26 15:00:32
阅读次数:
99
前言:该篇说明:请见 说明 —— 浏览器工作原理与实践 目录 在上一篇文章中介绍了 TCP 协议是如何保证数据完整传输的,相信你还记得,一个 TCP 连接过程包括了建立连接、传输数据和断开连接三个阶段。 而 HTTP 协议,正是建立在 TCP 连接基础之上的。HTTP 是一种允许浏览器向服务器获取资 ...
分类:
Web程序 时间:
2019-11-13 17:53:32
阅读次数:
138
!!!每次改动后记得,清除一下浏览器缓存再试 !!! 4点: 1.修复编辑时视频不能预览问题; 2.插入视频的时候。在预览的窗口提示 “输入的视频地址有误,请检查后再试!” 3.ueditor 解决上传视频回显 src链接丢失问题 4.ueditor 自定义插入视频封面(页面加载时显示) 1. 修复 ...
分类:
Web程序 时间:
2019-11-13 13:13:29
阅读次数:
142
最近写了个手机端一个活动页面,会展示用户信息,需要location.href 跳转到用户编辑页面编辑用户信息。 然后按下手机的返回操作进入活动页面,发现并没有重新的像后台发起请求,而是从浏览器中直接获取了请求响应数据。经过多方查找,最终解决了,原因为我的活动页面使用了 GET请求,解决方案有两种方法 ...
用keep-alive包裹路由 当前数据第一次访问时,会被缓存到浏览器缓存当中,若数据无更替,则直接读取缓存中的数据。 使用keep-alive时会存在一个activated的生命周期钩子 只有在lastCity不等于当前的City时,才会送一个新的Ajax请求数据(通过调用getHomeInfo函 ...
分类:
Web程序 时间:
2019-11-09 13:37:05
阅读次数:
98
概述缓存已经成了项目中是必不可少的一部分,它是提高性能最好的方式,例如减少网络I/O、减少磁盘I/O 等,使项目加载速度变的更快。缓存可以是CPU缓存、内存缓存、硬盘缓存,不同的缓存查询速度也不一样(CPU缓存 优于 内存缓存 优于 硬盘缓存)。接下来,给大家逐一进行介绍。浏览器缓存浏览器将请求过的 ...
分类:
Web程序 时间:
2019-11-08 17:37:46
阅读次数:
117