java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件
将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减少了请求的次数,就能够提高加载的速度;
2.Sprites图片技术(图片精灵技术)
图片精灵技术是一种常用的页面速度加载优化的方式,它是将一个页面涉及到的所有的零星图片(注意:只是那些晓得图片、icon)都包含到一张大图中,然后利用css的背景属性将其相应的图片在现在响应的文字,这样当访问一面时,只用加载一张大图即可,而不用一幅一幅的去请求。这种方法既减少了图片的大小,有减少了http请求的次数,可以很大程度的优化页面的加载熟读
3.压缩图片和文本
压缩图片和文本也可以减小数据的大小,尤其是代码的压缩,如HTML、XML、JSON、javascript、css等代码的压缩率可达70%以上,代码压缩后可以大大减少文件的体积,是页面可以快速的加载
4.按需加载(及可见区域以外的区域延时加载)
为了让用户可以更快的看到网页中交重要的内容,可以优先加载可见区域的内容,延时加载不可见区域的内容,为了避免页面变形可以使用占位符,占位图片来固定宽高。如jquery中的ImageLazyLoad等一些插件就可以很好的实现按需加载,只有当用户鼠标向下滚动式,下面得图片才会加载。当然也可以用原生的js来实现。
5.确保功能图片优先加载
网站主要考虑可用性的重要性,一个功能按钮要提前加载出来,用户进入下载页,一个只需要8s时间的下载,花了5s在等待、寻找下载按钮图片,谁能忍受?
6.图片格式优化
不正确的使用图片格式是一种很常见的拖慢加载速度的原因,正确的使用图片格式可以数倍的减小图片的大小。一般网页的大图,如banner图片一般使用jpg格式,因为jpg是一种有损压缩,可以最大程度的减小图片的体积,而且不会影响视觉体验(不支持透明通道);小图片一般用png格式,一般是无损压缩的(保留透明通道)。
7. 使用 Progressive JPEGs(高级JPEG)
ProgressiveJPEGs图片是JPEG格式的一个特殊变种,名为“高级JPEG”。在创建高级JPEG文件时,数据是这样安排的:在装入图像时,开始只显示一个模糊的图像,随着数据的装入,图像逐步变得清晰。它相当于交织的GIF格式的图片。高级JPEG主要是考虑到使用调制解调器的慢速网络而设计的,快速网络的使用者通常不会体会到它和正常JPEG格式图片的区别。对于网速比较慢的用户,这无疑有很好的体验。
8.代码的精简
代码的是最直接的方法,也是对于一个程序员编程能力的考验。对代码进行优化,以最少的代码来实现所需的功能,及减少了文件的体积,同时也减少了不必要的时间的浪费。同时不必要的空格、注释、换行等的减少,也可以减少文件的体积。
9.延迟加载和执行非必要代码
网页中的大部分js代码都是在页面加载后才需要执行的,所以对于这些代码可以写在window.onload事件的回掉函数中。这样可以使页面主体和一些必要的js代码优先加载的出来,然后来去请求非一开始就需要的代码。
10.使用Ajax
当一个页面只有一部分需要更新时,可以使用ajax来对页面进行异步的更新,这样不需要重新的刷新整个页面,重新请求整个1页面的数据,而只需要请求需要的那部分数据更新页面即可。这样既提高了页面的加载速度,有提高了体验性。
11.借助自动化工具来实现页面的优化
比如RadwareFastView
java加快页面加载速度方法_关于页面加载速度优化的11种方法相关推荐
- java script特效_通过JavaScript特效控制内容展示的11种方法
通过JavaScript特效控制内容展示的11种方法 交互信息结构是一个交互式用户界面所需要完成的首要任务.更直观的布局结构设计,能使用户更好的理解内容.以下是百分网小编搜索整理的通过JavaScri ...
- 修改mysql数据库名方法_安全快速修改Mysql数据库名的5种方法
1. RENAME DATABASE db_name TO new_db_name 这个..这个语法在mysql 5.1.7中被添加进来,到了5.1.23又去掉了. 据说有可能丢失数据.还是不要用的好 ...
- python运行方法_对python中执行DOS命令的3种方法总结
1. 使用os.system("cmd") 特点是执行的时候程序会打出cmd在Linux上执行的信息. import os os.system("ls") 2. ...
- 接口优化的11种方法
接口性能优化对于从事后端开发的同学来说,肯定再熟悉不过了,因为它是一个跟开发语言无关的公共问题. 该问题说简单也简单,说复杂也复杂. 有时候,只需加个索引就能解决问题. 有时候,需要做代码重构. 有时 ...
- ext中给文本框赋值的方法_大多数人不知道的Python合并字典的七种方法
前言 Python 语言里有许多的高级特性(而且是越来越多).能够写出那些一般开发者看不懂的高级特性,就是高手,就是大神.像我这种渣渣,沉默中... 话不多说,把学到的分享给大家,仔细阅读你可以学到一 ...
- python生成随机数方法_详解用python生成随机数的几种方法
今天学习了用python生成仿真数据的一些基本方法和技巧,写成博客和大家分享一下. 本篇博客主要讲解如何从给定参数的的正态分布/均匀分布中生成随机数以及如何以给定概率从数字列表抽取某数字或从区间列表的 ...
- arduino win10闪退_解决Win10天气应用闪退的两种方法
Windows系统中都自带天气应用,但是安装了Win10系统后,就发现,打开天气应用出现闪退的情况,其他应用都正常,这要怎么解决呢?下面小编告诉大家解决Win10天气应用闪退的两种方法. 方法一 1. ...
- golang string 加号连接性能慢_面试必备:浅析C#性能优化的若干种方法
浅析C#性能优化的若干种方法 1.1 垃圾回收 垃圾回收解放了手工管理对象的工作,提高了程序的健壮性,但副作用就是程序代码可能对于对象创建变得随意. 1.1.1 避免不必要的对象创建 由于垃圾回收的代 ...
- 巧克力设计灵感_找到设计灵感的11种方法
巧克力设计灵感 If you do a lot of design work, facing designer's block on occasion can be very common. Much ...
最新文章
- 管理表空间和数据文件——维护表空间——改变表空间的读写状态和改变表空间名称...
- 通过配置文件启动odoo-10.0
- Python实战之子进程
- css grid 自动高度_前端面试题:关于CSS布局
- USBVIEW(带已分配带宽显示功能)-电脑圈圈
- 多媒体课件利用计算机开发工具将,多媒体课件设计与制作教程PPT演示课件
- unity安装到一半失败
- 如何清洁Mac的屏幕
- pid参数设置要点即口诀
- 数字基础设施可视化管理,任重而道远
- python开发板卡驱动开发_IC卡驱动程序开发
- windows平台查看CPU支持的指令集 代码:__cpuid,__cpuidex
- DQL -- 数据查询语言
- 90后成电信诈骗重灾区 为什么年轻人越来越容易被骗?
- Matlab------------怎么取一个复数的实部和虚部
- 《工程制图基础》课程笔记(一)——国标规定
- 两点之间最短路径算法(Single-Dijkstra-shortest path)
- pmp认证在中国IT企业的用处!
- Python3:我低调的只用一行代码,就导入Python所有库!
- 浅谈 Flash/Flex/HTML5 技术选型