2020-08-12 html的页面多语言 + css的css加载 + JS的js阻塞 + 软技能的像素追踪

2020-08-12 题目来源:http://www.h-camel.com/index.html

[html] 页面需要支持多语言,如果是你该怎么做?

统一采用utf-8的方式进行编码

实现方案看这里: https://blog.csdn.net/xujie_0311/article/details/42047407

[css] css加载会阻塞DOM树解析吗?

css被视为阻塞渲染的资源。

css的加载不会阻塞DOM树的解析,但会阻塞DOM树的渲染; 不会阻塞js的下载,但会阻塞js的执行。

提升用户体验: CND托管;css压缩;合理使用缓存;

[js] 什么情况下会出现js阻塞?

1.CSS阻塞:当css后面跟着嵌入的js的时候,该css不会阻塞后面资源的下载,但会阻塞执行。需要把嵌入js放到css前面就不会阻塞了。

根本原因:浏览器会维持html中css和js的顺序,样式表必须再嵌入的js执行前先加载、解析完,而嵌入的js会阻塞后面的资源加载,表现出来就是css阻塞。

2.JS阻塞:嵌入js会阻塞所有内容的呈现,而外部的js阻塞后面内容的显示。

所以,将脚本放在底部。<link>还是放在head中,用以保证在js加载前,能加载出正常显示的页面。<script>标签放在</body>前

参考文章:https://www.cnblogs.com/bibiafa/p/9364986.html

[软技能] 你了解什么是像素追踪吗?它是用来做什么的?它的实现原理?

像素追踪技术(TrackingPixel,1×1像素的小图片,主要用于追踪网站访问用户量或查看广告投放效果),或网络信标均为小图片(1×1像素)。

详细看这里 https://zhuanlan.zhihu.com/p/99998315

猜你喜欢

转载自blog.csdn.net/vampire10086/article/details/108460907
今日推荐