博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何提高Ajax性能
阅读量:6306 次
发布时间:2019-06-22

本文共 1246 字,大约阅读时间需要 4 分钟。

1、适当使用缓存机制

2、使用CDN内容分发来访问Jquery脚本:

     (1)自己公司架设CDN服务器

     (2)使用第三方公司的,比如微软,谷歌等公司的CDN,但有时候不太靠谱

3、JS/CSS文件的打包合并(Bundling)及压缩(Minification)

将多个JS或CSS文件打包合并成一个文件,并在网站发布之后进行压缩,从而减少HTTP请求次数,提高网络加载速度和页面解析速度。压缩功能实现了对javascript脚本和CSS进行压缩的功能,它能够去除脚本或样式中不必要的空白和注释,同时能够优化脚本变量名的长度

例如在BundleConfig.cs里面配置捆绑js和css文件:

using System.Web;using System.Web.Optimization;namespace MvcExample{    public class BundleConfig    {        // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725        public static void RegisterBundles(BundleCollection bundles)        {            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(                        "~/Scripts/jquery-{version}.js"));            bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));        }    }}

 记得在Global.asax中注册一下:

BundleConfig.RegisterBundles(BundleTable.Bundles);

页面引用时可以这样引用:

    
@ViewBag.Title @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/jquery") @RenderSection("scripts", required: false) @RenderBody()

启用JS/CSS文件压缩合并:

  • Web.config中配置
  • 在BundleConfig.cs或Global.asax中添加以下代码即可:
BundleTable.EnableOptimizations = true;

4、最好将js脚本文件放在view页面下面一点

转载于:https://www.cnblogs.com/tinya/p/4505318.html

你可能感兴趣的文章
内存分布简视图
查看>>
POJ 2918 求解数独
查看>>
如何学习虚拟现实技术vr? vr初级入门教程开始
查看>>
第4 章序列的应用
查看>>
Mysql explain
查看>>
初识闭包
查看>>
java tcp socket实例
查看>>
011 指针的算术运算
查看>>
hdu1874畅通工程续
查看>>
rails 字符串 转化为 html
查看>>
java-学习8
查看>>
AOP动态代理
查看>>
Oracle序列
查看>>
xcodebuild命令行编译错误问题解决
查看>>
Yii2.0 下的 load() 方法的使用
查看>>
华为畅玩5 (CUN-AL00) 刷入第三方twrp Recovery 及 root
查看>>
LeetCode----67. Add Binary(java)
查看>>
母版页 MasterPage
查看>>
[转] ReactNative Animated动画详解
查看>>
DNS原理及其解析过程
查看>>