2023年11月15日

网页加载进度条插件推荐pace.min.js ,支持iframe ,调用简单


当网速比较慢的时候,通常会看到网页白板,或者各种错位现象,这种情况非常有失用户体验,作为用户往往不知道什么情况,不耐心的用户会直接关闭网页,其实放一个加载的进度条就很好,让用户可以感知目前的网页加载进度,相比于很多炫酷的插件,往往提升网页质感的同时也会拉胯网页的性能,而这种插件对于用户体验比较友好,适合任何情况下添加。

切图网qietu.com在案例预览的时候就添加了这个插件,并且支持页面中嵌套有iframe的情况,也可以准确的读取当前的加载进度,使用也比较简单,代码如下:

<script src=”<?php bloginfo(‘template_directory’); ?>/js/pace.min.js” charset=”gbk”></script>
<link href=”<?php bloginfo(‘template_directory’); ?>/css/pace-theme-barber-shop.css” rel=”stylesheet” />

在页面中添加这两个文件即可,一个是脚本文件,一个是样式文件,无需调用。

 

 

标签:, , ,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》