超。光速 網站最佳化實戰 -twMVC#8
-
Upload
twmvc -
Category
Technology
-
view
865 -
download
3
description
Transcript of 超。光速 網站最佳化實戰 -twMVC#8
![Page 1: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/1.jpg)
超。光速 網站最佳化實戰
工欲善其事,必先利其器。
2013/03/30
![Page 2: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/2.jpg)
http://mvc.tw 2
http://pabblogger.files.wordpress.com/2010/08/166g75t.jpg
天下武功無堅不摧,唯快不破
![Page 3: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/3.jpg)
http://mvc.tw
歡迎來到 世代
3
光
![Page 4: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/4.jpg)
http://mvc.tw
桌機速度越來越快
歡迎來到 世代
4
光
![Page 5: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/5.jpg)
http://mvc.tw
桌機速度越來越快
有線網路「妹」多到用不完
歡迎來到 世代
5
光
![Page 6: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/6.jpg)
http://mvc.tw
桌機速度越來越快
有線網路「妹」多到用不完
連手機都四核心了
歡迎來到 世代
6
光
![Page 7: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/7.jpg)
http://mvc.tw
桌機速度越來越快
有線網路「妹」多到用不完
連手機都四核心了
網路、硬體都突飛猛進的世代下
歡迎來到 世代
7
光
![Page 8: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/8.jpg)
http://mvc.tw
桌機速度越來越快
有線網路「妹」多到用不完
連手機都四核心了
網路、硬體都突飛猛進的世代下
歡迎來到 世代
8
光
我們為什麼還要自己最佳化網站?
![Page 9: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/9.jpg)
http://mvc.tw
行動裝置的瀏覽量已經超越桌機
歡迎來到 世代
9
註1
註1:http://www.nownews.com/2013/03/05/320-2909868.htm
![Page 10: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/10.jpg)
http://mvc.tw
行動裝置的瀏覽量已經超越桌機
行動裝置上網速度很淒涼(平均只有1.26Mbps)
歡迎來到 世代
10
註1
註2
註1:http://www.nownews.com/2013/03/05/320-2909868.htm
註2:http://www.eprice.com.tw/mobile/talk/102/4786327/1/
![Page 11: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/11.jpg)
http://mvc.tw
行動裝置的瀏覽量已經超越桌機
行動裝置上網速度很淒涼(平均只有1.26Mbps)
不適當的網頁技術
歡迎來到 世代
11
註1
註2
註1:http://www.nownews.com/2013/03/05/320-2909868.htm
註2:http://www.eprice.com.tw/mobile/talk/102/4786327/1/
![Page 12: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/12.jpg)
http://mvc.tw
歡迎來到 世代
12
1
2
3
4
![Page 13: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/13.jpg)
http://mvc.tw
行動裝置的瀏覽量已經超越桌機
行動裝置上網速度很淒涼(平均只有1.26Mbps)
不適當的網頁技術
歡迎來到 世代
13註1:http://www.nownews.com/2013/03/05/320-2909868.htm
註2:http://www.eprice.com.tw/mobile/talk/102/4786327/1/
註1
註2
![Page 14: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/14.jpg)
http://mvc.tw
行動裝置的瀏覽量已經超越桌機
行動裝置上網速度很淒涼(平均只有1.26Mbps)
不適當的網頁技術
作業系統的效能大幅提升導致於網站感覺慢很多
歡迎來到 世代
14
自己動手樂趣多?
註1:http://www.nownews.com/2013/03/05/320-2909868.htm
註2:http://www.eprice.com.tw/mobile/talk/102/4786327/1/
註1
註2
![Page 15: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/15.jpg)
http://mvc.tw
歡迎來到 世代
15
最佳化後原始網站
臃腫的內容 纖細的內容
![Page 16: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/16.jpg)
http://mvc.tw
歡迎來到 世代
16
最佳化後原始網站
纖細的內容
![Page 17: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/17.jpg)
http://mvc.tw
歡迎來到 世代
17
最佳化後原始網站
![Page 18: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/18.jpg)
http://mvc.tw
減少 HTTP 請求
網站最佳化理論
18
![Page 19: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/19.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
網站最佳化理論
19
![Page 20: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/20.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
壓縮圖片
網站最佳化理論
20
![Page 21: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/21.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
壓縮圖片
讓DOM簡單化
網站最佳化理論
21
![Page 22: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/22.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
壓縮圖片
讓DOM簡單化
移除不必要的元素
網站最佳化理論
22
![Page 23: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/23.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
壓縮圖片
讓DOM簡單化
移除不必要的元素
不要在開頭放置 Javascript
網站最佳化理論
23
![Page 24: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/24.jpg)
http://mvc.tw
減少 HTTP 請求
降低靜態檔案大小
壓縮圖片
讓DOM簡單化
移除不必要的元素
不要在開頭放置 Javascript
使用CDN
網站最佳化理論
24
![Page 25: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/25.jpg)
http://mvc.tw
網站最佳化理論
25
![Page 28: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/28.jpg)
http://mvc.tw
由工具開始,進而瞭解理論
28
![Page 29: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/29.jpg)
http://mvc.tw
由工具開始,進而瞭解理論
29
![Page 31: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/31.jpg)
http://mvc.tw
使用前使用後的圖片
先從無腦的來(Image Optimizer)
31
![Page 32: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/32.jpg)
http://mvc.tw
使用前使用後的圖片
先從無腦的來(Image Optimizer)
32
![Page 33: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/33.jpg)
http://mvc.tw
先從無腦的來(Image Optimizer)
33
![Page 34: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/34.jpg)
http://mvc.tw
再看一次使用前使用後的圖片
先從無腦的來(Image Optimizer)
34
![Page 35: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/35.jpg)
http://mvc.tw
ASP.NET MVC4 內建
Microsoft AJAX Minifier
Web Essentials
靜態檔案最佳化
35
![Page 36: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/36.jpg)
靜態檔案最佳化-ASP.NET MVC4 內建
36DEV309-BundlingAndMinification
![Page 37: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/37.jpg)
http://mvc.tw
ASP.NET MVC4 內建
Microsoft AJAX Minifier
Web Essentials
靜態檔案最佳化
37
![Page 38: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/38.jpg)
http://mvc.tw
ASP.NET MVC4 內建
Microsoft AJAX Minifier
http://demo.tc/Post/621
Web Essentials
靜態檔案最佳化
38
![Page 39: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/39.jpg)
靜態檔案最佳化-Microsoft AJAX Minifier
39Microsoft AJAX Minifier
![Page 40: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/40.jpg)
http://mvc.tw
ASP.NET MVC4 內建
Microsoft AJAX Minifier
Web Essentials
靜態檔案最佳化
40
![Page 41: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/41.jpg)
靜態檔案最佳化-Web Essentials
41Web EssentialsTest
![Page 43: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/43.jpg)
CSS Sprite- Stitches
43
![Page 44: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/44.jpg)
CSS Sprite- Stitches
44
![Page 45: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/45.jpg)
CSS Sprite- Stitches
45
![Page 46: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/46.jpg)
CSS Sprite- Stitches
46CSSSprite
![Page 47: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/47.jpg)
http://mvc.tw
Stitches 線上服務(HTML5)
Sprite and Image Optimization Preview 4
CSS Sprite技巧
47註1:http://mvc.tw/000K註2:http://mvc.tw/000J
註1
註2
![Page 48: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/48.jpg)
Sprite and Image Optimization Preview 4
48
![Page 49: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/49.jpg)
CSS Sprite-
49
Sprite and Image Optimization Preview 4
CSSSprite
![Page 50: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/50.jpg)
http://mvc.tw
Gzip
IIS 設定
Web.Config
SDCH (Shared Dictionary Compression over HTTP)
目前只有Chrome支援的壓縮
壓縮
50註1:http://mvc.tw/000Z
![Page 51: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/51.jpg)
Gzip IIS 設定
51
![Page 52: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/52.jpg)
Gzip IIS 設定
52
![Page 53: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/53.jpg)
http://mvc.tw
Gzip
IIS 設定
Web.Config
SDCH (Shared Dictionary Compression over HTTP)
目前只有Chrome支援的壓縮
壓縮
53註1:http://mvc.tw/000Z
![Page 54: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/54.jpg)
http://mvc.tw
<system.webServer>
<urlCompression doStaticCompression="true"
doDynamicCompression="true" />
</system.webServer>
壓縮 – Gzip – Web.config
54
![Page 55: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/55.jpg)
http://mvc.tw
Gzip
IIS 設定
Web.Config
SDCH (Shared Dictionary Compression over HTTP)
目前只有Chrome支援的壓縮
壓縮
55
![Page 56: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/56.jpg)
http://mvc.tw
IIS設定靜態、動態快取
Web.config 也可以設定
Output cache
CacheProfile
Ram Cache
WebCache
RunTime Cache
快取
56
![Page 57: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/57.jpg)
快取 IIS 設定
57
![Page 58: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/58.jpg)
快取 IIS 設定
58
![Page 59: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/59.jpg)
http://mvc.tw
<system.webServer>
<caching>
<profiles>
<add extension=".gif" policy="CacheUntilChange"
kernelCachePolicy="CacheUntilChange" />
<add extension=".js" policy="CacheUntilChange"
kernelCachePolicy="CacheUntilChange" />
</profiles>
</caching>
</system.webServer>
快取 – Web.config
59
![Page 60: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/60.jpg)
http://mvc.tw
IIS設定靜態、動態快取
Web.config 也可以設定
Output cache
CacheProfile
Ram Cache
WebCache
RunTime Cache
快取
60
![Page 61: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/61.jpg)
61
快取 – Output Cache
cacheSample
![Page 62: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/62.jpg)
http://mvc.tw
IIS設定靜態、動態快取
Web.config 也可以設定
Output cache
CacheProfile
Ram Cache
WebCache
RunTime Cache
快取
62
![Page 63: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/63.jpg)
63
快取 – WebCache
cacheSample
![Page 64: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/64.jpg)
http://mvc.tw
CSS放上(</Head>前)、JS放下(</Body>前)
優點:不用等JS
缺點:第一次進入網站會有很明顯的三重變化(白、元素、JS)
本質上的調整
64
![Page 65: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/65.jpg)
http://mvc.tw
CSS放上(</Head>前)、JS放下(</Body>前)
優點:不用等JS
缺點:第一次進入網站會有很明顯的三重變化(白、元素、JS)
HTML移除註解
優點:爽度很高
缺點:其實幫助不大…
本質上的調整
65
![Page 66: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/66.jpg)
• 天瓏• 博客來• PCHOME
• 讀冊生活• 金石堂• 誠品
![Page 67: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/67.jpg)
謝謝各位h t t p : / / m v c . t w
![Page 68: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/68.jpg)
![Page 69: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/69.jpg)
別走,還沒完…
![Page 70: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/70.jpg)
雖然沒人喊「安哥」但還是有最後一首…
![Page 71: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/71.jpg)
http://mvc.tw
Image resize
width=‘100’ 或 style=‘width:100px;’這樣調毫無意義
WebImage
圖片的再優化
71註1:http://mvc.tw/000J註2:http://mvc.tw/000K
![Page 72: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/72.jpg)
圖片的再優化-WebImage
72ImageReSize
![Page 73: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/73.jpg)
http://mvc.tw
Image resize
width=‘100’ 或 style=‘width:100px;’這樣調毫無意義
WebImage
或是ImageResize
圖片的再優化
73註1:http://mvc.tw/000a
註1
![Page 74: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/74.jpg)
圖片的再優化-ImageReSize
74ImageReSize
![Page 75: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/75.jpg)
http://mvc.tw
圖片的再優化-ImageResize
75
基本功能
![Page 76: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/76.jpg)
http://mvc.tw
圖片的再優化-ImageResize
76
基本功能
授權費用
![Page 77: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/77.jpg)
77
![Page 78: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/78.jpg)
工具一定有風險,不懂原理有賺有賠,課程威力示範不保證工具之最低收益,開發者使用前應詳閱工具公開說明書。
![Page 79: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/79.jpg)
聯絡資訊
Blog: http://demo.tc
twMVC: http://mvc.tw
G+: http://demo.tc/+
FB: http://fb.me/demo.fan
Plurk: http://plurk.com/demoshop
![Page 80: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/80.jpg)
參考資料• Javascript source map
• http://mvc.tw/000U
• Microsoft Ajax Minifier 將 js 和 css 檔案最小化
• http://demo.tc/Post/621
• ASPNET_Image_Optimization_Preview4
• http://mvc.tw/000W
• http://mvc.tw/000X
• IIS 壓縮設定• http://mvc.tw/000Z
![Page 81: 超。光速 網站最佳化實戰 -twMVC#8](https://reader034.fdocuments.net/reader034/viewer/2022052209/556476dfd8b42a8c5e8b4a49/html5/thumbnails/81.jpg)
謝謝各位
• 本投影片所包含的商標與文字皆屬原著作者所有。• 本投影片使用的圖片皆從網路搜尋。• 本著作係採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 台灣 (中華民國) 授權條款授權。
h t t p : / / m v c . t w