1、webp格式 webp格式是谷歌开发的一种旨在加快图片加载速度的格式,将图片转为webp格式后,体积约为原来的2/3,这可以节省大量的服务器带宽,微信公众号文章里的图片就是这种格式的。 2、使用pillow模块将图片转为webp格式 代码是很简单的,png,jpg格式的图片都可以转,转换后的文件 ...
分类:
编程语言 时间:
2019-07-22 11:41:43
阅读次数:
130
对于嘉宾管理页面来说,当前需要一个分页功能,一场发布会需要由几千位嘉宾参加,如果将所有的嘉宾信息不做分页地显示在页面上,不仅页面的加载速度会受到严重影响,而且页面一次显示几千条甚至几万条并不方便查看,Django提供了Paginator类来实现分页功能,分页功能略为复杂,首先进入Django的she ...
分类:
其他好文 时间:
2019-07-17 18:11:06
阅读次数:
99
快!快!快!我们都知道网站的加载速度直接影响用户体验。据研究发现,网站页面在3秒内加载完毕对用户而言是最佳的浏览体验。如果超过这个时间,用户跳出网站的几率会非常大。所以对于站长来说,提高速度是他们追求的终极目标之一。提高WordPress网站的其中一种方法就是使用WordPress缓存。本文我们探讨如何通过Redis技术加速网站。为什么使用Redis技术我们都知道WordPress采用的是动态数据
分类:
Web程序 时间:
2019-07-09 16:44:03
阅读次数:
133
1、对web标准以及W3C的理解和认识 标签闭合、标签小写,不乱嵌套,使用外链css和js脚本,文件下载和页面加载速度更快,容易维护和修改,提高了网站易用性 2、xhtml和html的区别 XHTML:可扩展超文本标记语言,XHTML元素必须被正确地嵌套,XHTML 元素必须被关闭。标签名必须用小写 ...
分类:
Web程序 时间:
2019-07-03 00:39:09
阅读次数:
146
mvc和mvvm区别 MVC和MVVM的区别其实并不大。都是一种设计思想。 主要就是MVC中Controller演变成MVVM中的viewModel。 MVVM主要解决了MVC中大量的DOM操作使页面渲染性能降低,加载速度变慢,影响用户体验。 当和Model频繁发生变化,开发者需要主动更新到View ...
分类:
Web程序 时间:
2019-06-30 22:01:40
阅读次数:
194
1、css sprite是什么,有什么优缺点 概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。 优点: 减少HTTP请求数,极大地提高页面加载速度 增加图片信息重复度,提高压缩比,减少图片大小 更换风格方便,只需在一张或几张图片上修改颜 ...
分类:
Web程序 时间:
2019-06-18 13:48:25
阅读次数:
154
1、jQuery 1.1、jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2、jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write ...
分类:
Web程序 时间:
2019-06-04 22:37:41
阅读次数:
188
1.什么是懒加载: 懒加载也就是延时加载,当访问一个页面的时候,我们先把img元素或者其他元素图片路径替换成一张大小为1*!图片的路径(这样就只需要请求一次,俗称占位符),只有当图片出现浏览器的可视区域内时,才设置真的路径,让图片显示出来,这就是懒加载。 2.使用懒加载的好处: 1.页面加载速度快, ...
分类:
其他好文 时间:
2019-05-31 13:34:30
阅读次数:
108
恢复内容开始 1:webpack的基本使用: ##在网页中会引用那些静态资源: js, css, images, 字体文件和模板文件(.vue)等 ##网页总引用静态资源多了以后会有那些问题: 网页加载速度慢,因为会发起很多二次请求,script标签,link标签,遇到src都会发起请求,随意一个页 ...
分类:
Web程序 时间:
2019-05-23 15:55:48
阅读次数:
170
首先$(function(){}) 和 $(document).ready(function(){}) 是一个方法,$(function(){})为简写(用的多) document.ready方法在DOM树加载完成后就会执行,而window.onload是在页面资源(比如图片和媒体资源,它们的加载速 ...