高性能web建站规则(外部js和css通常更好一些)

简介: 版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/80123685 对于js和css,通常的做法有两种,一种将js和css直接嵌入到页面中,称为内联,另外一种就是通过src和link进行外部导入,称为外置。
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/80123685

对于js和css,通常的做法有两种,一种将js和css直接嵌入到页面中,称为内联,另外一种就是通过src和link进行外部导入,称为外置。那么,哪一种更好一些呢?通常情况下外置更好一些,为什么呢?

  1. 用户往往从首页打开以后,会继续跳转到其余页面。比如说,从csdn首页到博客,再到极客头条,那么,假如打开首页时,外部的js和css被缓存起来了,接下来的请求中,公用的js和css就不会再从服务器上获取,内联的方式是没有办法缓存的。
  2. 假如说你网站的用户有很大的比重只访问首页,那么内联就会减少http请求,相对的加载速度就会更快。
  3. 但从大部分网站的功能上看,用户访问多个后续页面的几率要大于只访问首页,所以外置的倾向就会大一些。
相关文章
|
1天前
|
缓存 移动开发 JavaScript
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
6 1
|
2天前
|
前端开发 JavaScript
前端 JS 经典:双等号运算符的运算和转换规则
前端 JS 经典:双等号运算符的运算和转换规则
7 0
|
5天前
|
前端开发 算法
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
|
6天前
|
前端开发 JavaScript UED
CSS顶部与JS后写:网页渲染的奥秘
CSS顶部与JS后写:网页渲染的奥秘
|
7天前
|
前端开发
|
7天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
7天前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
15 0
|
7天前
|
JavaScript 前端开发
js和css以及js制作弹窗
js和css以及js制作弹窗
14 1
|
7天前
|
JavaScript
js的一些运算符规则
js的一些运算符规则
14 1
|
7天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。