国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - AngularJS 單頁面應(yīng)用首頁加載優(yōu)化有哪些方法?
PHP中文網(wǎng)
PHP中文網(wǎng) 2017-05-15 16:50:28
[AngularJS討論組]

傳統(tǒng)網(wǎng)頁的請求中,數(shù)據(jù)在服務(wù)器端加載到模板上,一步就可以完成。

  1. 下載 HTML
  2. 下載 CSS / javascript
  3. 渲染

單頁面應(yīng)用需要先下載框架,然后才能開始加載數(shù)據(jù)。

  1. 下載 HTML
  2. 下載 CSS / javascript
  3. 下載數(shù)據(jù) / 模板
  4. 渲染

有什么辦法減少請求次數(shù),或是將這種串行加載變成并行的方法呢?

PHP中文網(wǎng)
PHP中文網(wǎng)

認(rèn)證高級PHP講師

全部回復(fù)(5)
PHP中文網(wǎng)

完美的方案是服務(wù)器端渲染首屏,不過angular似乎不擅長這個,沒見到過實際的方案

稍差一些至少可以讓服務(wù)端把首屏的數(shù)據(jù)吐在頁面上

另外一些基本的css 模板 js的編譯合并應(yīng)該是最基本的

阿神

用一下gulp 工具
把 css 打包成一個文件, js打包成一個文件, 模板打包成一個js文件($templateCache) 可以和js 文件打包成一起.
然后就是
1 下載 HTML (第一個請求, 純靜態(tài)頁面, 可能會包括部分angular模板內(nèi)容, 這個頁面響應(yīng)要快)
2 下載 CSS (一個請求)
3 下載 javascript文件 和 模板js文件 (一個請求)
4 angular 渲染頁面
一共3個請求 + 其他ajax請求搞定.

"gulp": "~3.8.0",
"gulp-angular-templatecache": "^1.4.2",
"gulp-compass": "^2.0.1",
"gulp-concat": "^2.4.1",
"gulp-jasmine": "^1.0.1",
"gulp-jshint": "~1.5.5",
"gulp-livereload": "~1.3.1",
"gulp-minify-css": "^0.3.10",
"gulp-minify-html": "^0.1.6",
"gulp-mocha": "~0.5.1",
"gulp-ng-annotate": "^0.3.5",
"gulp-nodemon": "^1.0.4",
"gulp-shell": "^0.2.10",
"gulp-uglify": "^1.0.1",
怪我咯

推薦使用requireJs + angularJsAMD,可以做到按需加載。
鏈接傳送:https://github.com/marcoslin/angularAMD

我想大聲告訴你

angularjs壓縮后就170多kb 如果在移動端上你要考慮一下了 在pc端。。我感覺也不用太在意 你看teambition 前端上m的資源 還不是一個loading在轉(zhuǎn)啊轉(zhuǎn)

大家講道理

從業(yè)務(wù)和設(shè)計著手,常用的可以grunt等工具打包lib.min.js到一次性加載,非 常用的惰性加載

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號