Angular4--提速--提升Angular项目的首页打开速度(包含微信登录优化)

Angular项目的首页打开速度很慢,有时候会有几秒的加载时间。如果在手机端访问的话,怕是要等待十多秒,这对用户体验很差。下面参考   介绍一下我自己的Angular优化之旅。

一、静态图片加载:

  项目中存在很多图片资源,有的图片资源很大。如果和项目放在一起的话,项目启动时既要加载项目的html,css等静态文件,对服务器的响应互有影响。考虑把图片单独存放,并使用nginx做映射。当请求页面的图片时,css和图片就从两个地方加载出来。这个好像大多数大型的网站都有,譬如百度官网地址:https://www.baidu.com,如果查看项目的源代码就会发现,百度首页的图片时放在baidu.com下边的一个子域名的文件夹下。那就暂且尝试这样实现以下好了。

  1)创建图片资源的服务器。

  2)配置nginx

#图片服务器 // 这是一个单独的Server server { listen 80; server_name “域名或IP”; location / { root D:/project/images; // 服务器上图片资源存放的位置 autoindex on; } }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpswjf.html