tel:17340208223 QQ:229119353 微信:cdseo-seo 登陆 注册

详解HTML对百度排名的影响-成都seo

日期: 2020-09-17 09:41:11 点击:123 栏目:网站优化
减少HTTP请求对百度排名有什么影响? 在网站的开发过程中,关于网页的负载效率,一般是尽早求出。 那么,如何提高速度?减少页面请求是优...
减少HTTP请求对百度排名有什么影响? 在网站的开发过程中,关于网页的负载效率,一般是尽早求出。 那么,如何提高速度?减少页面请求是优化页面加载速度的一种方法。 上篇博文中说明了“将小图标合成为背景图,减少HTTP请求”,但是在这篇博文中说明了“将图像变换为二进制,生成Base64代码,可以在网页上用url看图像”。   另一方面,为什么您选择将影像转换为二进位并产生Base64编码? 在网页上用url查看图像的方法是否可以减少HTTP请求数?   为什么要通过“将图像转换为二进制文件并生成Base64编码,然后使用url在网页上显示图像”来减少HTTP请求并优化页面? 在此使用目标图标。 上次博文所述的方法能用于手机方面的网页吗?   但是,若以背景图+css显示图标,则如背景图的64px*64px的图标那样,存在图标自身无法放大缩小的问题,在显示于画面时需要将icon的尺寸也设定为64*64。 PC网页没有问题,但在移动设备上完全无法正常工作。 同样的4英寸手机屏幕分辨率可能为320*400、640*800和1920*1080。 64px*64px的图标大小因设备而异。   幸运的是,手机浏览器基本上会优化它,以便将设备模拟为更低的分辨率。 例如,在1136*640的IPHONE 5上取得$(window).width ( )的不是640而是320,这幅160px的图像不是1/4,而是画面宽度的一半。 手机设备这样处理是为了解决兼容性问题。 这是因为除了网页,包括手机上的app接口在内,retina屏幕上和非retina屏幕上的大小完全相同,处理了分辨率。   然而,诸如移动设备的处理方案不能完全解决该问题。 设备的假设推测往往是不恰当的,尤其是安卓设备。 为了更好地控制元件显示的尺寸,该解决方案对应于pt或px的屏幕分辨率而不是ps,pt具有人眼实际感觉到的尺寸,并且任何分辨率设备的72pt都被固定为1英寸。   html img标记元素的src属性不仅可以是url,还可以是图像的二进制流。 通过在img元素的自动缩放功能中指定img的大小,可以在分辨率不同的设备上显示一致的图标大小。   二、使用Base64编码减少页面请求数 当许多图像(尤其是小图标、十几k、几k甚至字节级别的小图标)传递给我们的页面时,这些小图标会增加HTTP请求,并且会给服务器带来更大的压力。 例如,下载大小为1、2和k的小图标可能实际上需要大于图标大小的附加信息。 因此,请求越多,在网络中传输的数据自然越多,被传输的数据也自然越慢。 在这里,不是从外部,而是通过Base64的编码方式将图像直接嵌入到网页中,从而减少了HTTP请求。 当然,存在增加当前页面大小的小缺点(在优化过程中,这是可忽略的,不太受影响)。 请看下面的图。 小图标的大小为2.4k,等待时间为14毫秒,数据或下载时间约为0毫秒。这样进行优化可以在下载大量小图标时显着提高网站性能( jquery mobile和天猫携带)   三、开发构想   将小图标放在以icon_开头的文件夹中(区分不生成base64图像的文件夹)—>编程遍历文件夹中的图像- >将每个图像的base64编码放在js对象上HTML页面的img标记中的属性icon-data =‘are 查看图像—> JS文件转换icon-data属性,转换为src属性,使用icon-data属性的值获取图标名称,并进行适当的替换以显示相应图标的base64编码- >查看图像。
成都seo