作者：MoeJue（xxx@example.com）

论网速快慢的区别

随着网络的普及，用户对响应速度快慢越来越重视了，网站越快，用户的黏性和转化率也会越高。
简单来说，就是要提高速度！影响网站速度的因素有很多，比如………………….

一本正经可不是我的风格，下面请看我的表演
想法起源：

一开始的想法是使用纯css进行实现，把底图base64编码后直接放在background-image上，就可以达到背景图片于网页一同加载出来的效果

第一步：
首先将提前准备好的素材图片进行处理，拔下泳衣和泳裙

第二步：
新建个HTML文件

第三步：

完成。。
然后就发现个问题，由于我的底图文件大小达到了12兆，编码后的字符串过大，导致网页加载又卡又慢，实在无用户体验
而且这种方式加载的底图会突然的显示出来，过于唐突，效果不好

后改用：
css+JavaScript进行实现，由background-image直接加载背景图片，能达到逐渐显示的效果，待底图加载完毕后再由js动态插入配图

window.onload = function(){ var img=new Image(); img.src=‘裸体.jpg’; if(img.width==0){ alert(‘图片加载失败’) }else{ document.getElementById(“泳衣”).style.backgroundImage=“url(泳衣.png)”; document.getElementById(“泳裙”).style.backgroundImage=“url(泳裙.png)”; } }

不禁感慨一句，什么破网络，慢的连人物图片的衣服都加载不出来

本文2020-11-07首发于阿珏酱のBlog，最后修改于2025-08-15

作者：MoeJue（xxx@example.com）

html5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
自1999年以后HTML 4.01 已经改变了很多，今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如： 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。

标签

描述