首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

博客首页加载的优化

博客地址:https://ainyi.com/62 这些日子刚到京东工作,刚在北京安定下来,事情比较多 但在上周看了看我的博客,发现首页加载速度真的够慢的 虽然之前就发觉,但一直不知道怎么继续优化,好像该优化的都已经优化好...重大 bug 从刚做好这个博客不就第一次就发现了,发起 ajax 请求时,可以看到 content-download 的时间居然比 waiting 的时间还长,而且首页等待时间可以达到好几秒,真心,...放张图证明: [a9p0q8cqeu.png] 可以发现 ajax 请求的时间,几乎都在 content-download 浪费了,一般说来,加载时间应该都在 waiting 上,而不是 download...,一直不知道怎么优化 上周查了查 ajax 请求的数据,首页加载每个博客的数据居然携带上博文的 markdown 字段和 html 字段,这两个字段的数据量的庞大不是一般的。...马上回去更改了过来,首页请求的 ajax 是分页博客数据,不应该返回博文这个字段。

59950

Vue 网站首页加载优化

Vue 网站首页加载优化 本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启Vue的压缩 和 nginx gzip 压缩的使用, 其他就是对接口优化等 1. vendor.js...cdn方式引入的依赖,都排除掉,包括 iview vue axios 等等 如下图 1.4 最终重新打包 npm run build 可以发现 Vue 的vendor.js文件确实变小了很多,这样在加载首页的时候...http_gzip_static_module 模块,参见:yum安装下的nginx,如何添加模块,和添加第三方模块 安装完http_gzip_static_module模块后,使用 nginx -V 命令查看是否模块加载成功...**************"; /** * 七牛存储空间名 */ public static final String bucket = "johnny-blogs"; /** * 七牛默认域名...-> 切换为了 正式域名 http://cdn.askajohnny.com/ */ public static final String domain = "http://cdn.askajohnny.com

1.5K22
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    IE之页面加载.

    图片加载方式 但是前台依然会空白很久, 然后出现加载图标, 最后才开始各个组件加载渲染. 那么这个空白跟图片背景有没有关系呢? ...访问一张带背景图的表单, 可以看到内容是先渲染出来的, 然后是加载图片. 图片是一段一段的加载的, 并不会影响内容主体渲染, 也不是导致初始页面空白的元凶....如果觉得图片分段加载效果不好的话, 可以把图片改成渐进式加载. 效果如下: 可以明显看到图片从模糊到清晰的一个过程, 企业微信里聊天传输图片用的也是渐进式加载. 如何生成渐进式图片呢? ...IE与Gzip 如果不是图片导致的加载, 为什么很多小伙伴反馈大屏呢? IE以及Edge似乎更卡一点.  我们用Chrome访问一张大屏模板, 对比下IE访问模板的响应时间....重复上述访问entry操作, 等得的快炸的时候, 页面终于加载出来了. 低速网络下, 两个js累计加载耗时561s!!!

    2.4K70

    Vue项目优化首页加载速度

    一、路由懒加载 { path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 } 这一步之后,打包后会发现很大的...CDN引入 在index.hrml里引入 可使用异步加载...多个异步脚本的话就是谁先下载完谁先执行,不一定会按照顺序执行了,在异步加载的时候建议不要修改DOM //比如echarts的CDN 2、defer方式 defer属性规定是否对脚本执行进行延迟,直到页面加载为止;兼容所有浏览器 如果是多个脚本...,可将defer属性加入到script标签中,以便加快处理文档的速度 简单点就是:延迟到页面解析完毕之后再执行 3、动态创建script标签(基本不用啦) 在还没定义defer和async前,异步加载的方式是动态创建

    78130

    首页加载速度优化与博客列表缓存

    今天初步的完成了首页加载速度的优化和博客列表缓存。前者是为了让游客访问首页更舒服而不用等加载半天,后者是为了减少服务器和浏览器的请求响应次数来减轻彼此的负担。...也蛮好看不是(/▽\) axios请求加载     这次给axios也加上了nprogress的组件来弥补请求加载到响应的空白时间(虽然,貌似,没起到作用?...这里就将每次获取页面的列表数据存于vue store中,以后每次再次访问该分页,该页面都会直接返回存于store中的列表数据,这样就避免了无意义的重复请求与响应,此外通过这个,顺带解决了游客看玩一个博文返回后从第一页重头加载的尴尬局面...('changeBlogTotalSize', res.data.data) }).catch(err => err) } } } })     通过这些捣鼓,首页不带...cache加载速度终于<2s啦,带cache甚至可以1s以内迅速响应*★,°*:.☆( ̄▽ ̄)/$:*.°★* 。

    62110

    jQuery EasyUI Datagrid 加载解决方法

    在哪些方面 以目前对Datagrid的了解程度去看待性能问题,主要有以下几点: 加载大数据量时比较慢(不考虑服务端返回数据的时间),这点尤其体现在IE浏览器里面; 大数据量时,加载后,操作很不流畅,勾选...,singleSelect为true的话点选也比较慢,IE浏览器也是尤其突出; 数据量一般,但是字段特别多的话,加载和操作也比较慢,当然了,这种情况比较少见; 可编辑表格的性能则是更为糟糕,数据量达到几十条的时候...,操作就会相当不流畅,IE依旧很突出 大数据量的加载 原因分析 不考虑服务端返回数据的时间,在前台获取到大数据量后,往表格里插入tr的时候,IE执行的效率非常低,2000条数据要45秒左右,其他浏览器则很快...所以,大数据量加载的问题,就这么简单就解决了,修改默认视图render方法最后那句: //1.3.3版本是这样的,其它版本也是这句代码 $(_1e0).html(_1e4.join("")); 改为:...优化方案二:实时记录优化法 既然在DOM结构巨大时,jQuery选择器的搜索效率不是很好(特别是在IE下)。如果我们每次操作都记录下勾选的tr,那么就完全可以绕开选择器。

    2.2K20

    域名做新站如何能快速得上首页

    最近,开始使用一些老域名来搭建网站,去做关键词的排名,之前就没有过多去关注过老域名的价值。...关于老域名的选择标准:     1、老域名安全     老域名在搜索引擎中被报毒了,说明网站之前做过灰色行业或者是被挂马了,有人会问:这种不是更好吗?...2、老域名反链     该域名是否做过灰色行业,以前做过灰色的老域名,不建议使用,  该域名之前做过什么行业,和要做的行业相关最好;     判断该老域名的质量,根据反链的数量来判断老域名被赋予的权重高低...3、老域名年龄     域名使用年龄非注册年龄,如果别人仅仅是注册了却没有用来做网站的话,那这个老域名和新域名在SEO本质上是没有什么区别的。    ...域名年龄越长在搜索引擎中信任度就越高,用这种老域名建站的话,可以获得一个不错的排名!

    2.3K100

    页面加载?怎样不让 GoogleAdsense 拖速度后腿

    GoogleAdsense 是著名的拖加载速度的 JS。...下图可以看到,一个 1.1kb 的网页(上面的文字是通过 js 自动生成的),谷歌广告加载,需要将近 10s 加载完毕,加载大小将近 1.5MB。 ?...虽然谷歌拥有所谓的【异步加载】,可仍然会严重拖慢速度,并且,当用户没有打算看广告时,广告仍然会加载: 简单统计了一下,我打开网页用了 1s,剩下 9s 我的浏览器上方一直在转【表示加载】,这种情况非常的讽刺...万物皆可懒加载!...访客在上方浏览时,广告不加载,直到划到最底下,广告才开始加载,这样大大提升好感【虽然总加载速度和时间还是这个样,但是在访客看来就很舒服】 我们可以顺手拿一个谷歌广告实例开刀,我的博客广告单元是这样的;

    94320

    尤雨溪回答-vite首次启动加载

    vite开发环境下,模块以原生 esm 的形式被浏览器加载,也就说模块的加载是用es6原生的模块加载机制,没有对代码进行打包压缩处理,所以服务启动很快。...峰回路转 于是我去网上寻找有没有好的解决方案,在vite的issue中找到类似的问题: 尤大大也回答了这个问题 这个问题有两个细节: 项目启动后浏览器第一次加载才会。...这个是因为加载less的源码, 按需编译中加载时间其实是在less的编译上。...,这段时间的耗时 DNS Lookup 是指域名解析所耗时间 Initial connection 初始化连接时间,这里一般是TCP 3次连接握手时间 SSL https特有,是一种协议 Request...结论 通过上面分析可以确定vite开发模式启动,页面加载的原因是less编译导致。 这里反思下,由于对调试工具waterfall性能检测不熟悉导致开始错误的结论,走了一下弯路。

    5.5K20
    领券