假想一個情境,如果把台灣的144所大學看成一個科系,剛好可以分成3個班,然後有一位叫做”Google”的老師,開了一門”網頁程式設計”的必修課,期末考試的題目為:PageSpeed Insights,那麼這群同學可以考幾分?會不會有人被當掉?
PageSpeed Insights
從台灣第一個大學官網誕生至今,少說也過20年了,網頁程式設計也是不斷的精進,寫Code這件事,除了該有的功能都要達到以外,比的就是performance、efficiency,要不然Google大神也不會推出PageSpeed Insights來幫大家的網頁做測試;PageSpeed Insights會同時測試電腦版跟行動版的網頁速度,以及是否有達到Mobile Friendly Websites。
Mobile Friendly Websites
根據StatCounter Global Stats的報告指出,在2016的10月,行動網路的流量首次超過一般網路,來到51.3%,而行動裝置的數量也已經超過了電腦,打造一個適合行動裝置瀏覽的網站已是必須,Google也推出了行動裝置相容性測試與行動版網站搜尋引擎最佳化指南;我們也無法找到理由,去抗拒這一個合理的要求。
不論美醜
Google的PageSpeed Insights可以用來優化跟測試網頁,但無法衡量美觀與否,這裡比的是技術,而不是外觀,當然在測完了145個大學官網(含已合併的新竹教育大學)之後,還是要大力推薦一下我們認為的最美大學官網:國立臺灣藝術大學。設計非常美觀,只可惜技術上可以優化調整的空間還不少,而且技術上的優化跟美觀其實也並不衝突。
Benchmark
在進行自家內部的大混戰之前,我們先看看別人家的表現,這裡隨手找了幾家國際排名有看到的大學,來當做Benchmark。
計分權重分配: 電腦版的網頁速度:49% 行動版的網頁速度:16% 行動版使用者體驗:35%
學校名稱 | 電腦版速度 | 行動版速度 | 使用者體驗 | 加權分數 |
佛羅里達大學 | 94 | 88 | 100 | 95.14 |
密西根大學 | 92 | 83 | 99 | 93.01 |
麻省理工學院 | 80 | 63 | 99 | 83.93 |
華盛頓大學 | 78 | 62 | 100 | 83.14 |
南加大 | 73 | 66 | 97 | 80.28 |
史丹佛 | 73 | 54 | 99 | 79.06 |
UC 柏克萊 | 61 | 71 | 99 | 75.9 |
普林斯頓 | 67 | 54 | 95 | 74.72 |
紐約大學 | 60 | 50 | 100 | 72.4 |
清華大學(中國) | 53 | 47 | 96 | 67.09 |
東京大學 | 50 | 48 | 99 | 66.83 |
伊利諾大學 | 48 | 36 | 99 | 63.93 |
哈佛大學 | 33 | 65 | 96 | 60.17 |
比技術定輸贏
Google的PageSpeed Insights主要包含了三個評分項目:電腦版網頁速度、行動版網頁速度、行動版網頁的使用者體驗,我們是在2016/11/24的上午9點~下午2點之間完成整個測試,過程中我們也發現,有一小部份的大學官網,首頁只是一個歡迎頁面(或是招生宣傳之類的),所以我們必須點進去,才能看到真正意義上的Home Page,其實這種style還蠻old school的,也不是現在的主流了,下面列出這些在真正進行測試時所採用的頁面:
高苑科技大學: http://www.kyu.edu.tw/kyunew3/allkyu.html 東方設計學院: http://www.tf.edu.tw/tw/ 大漢技術學院: http://www.dahan.edu.tw/new/index.html 嶺東科技大學: http://www.ltu.edu.tw/bin/home.php 康寧大學: http://web.ukn.edu.tw/bin/home.php?Lang=zh-tw 中華醫事科技大學: http://www.hwai.edu.tw/cc/portal/portalhome.asp 龍華科技大學: https://www.lhu.edu.tw/index2.asp 佛光大學: http://website.fgu.edu.tw/ 大同技術學院: http://main.ttc.edu.tw/bin/home.php 華梵大學: http://www.hfu.edu.tw/index.php 萬能科技大學: http://www.vnu.edu.tw/zh 行動版網頁為獨立頁面的學校: 環球科技大學: http://m.twu.edu.tw/twu/home 國立高雄第一科技大學: http://www.nkfust.edu.tw/m/home.php 美和科技大學: http://www.meiho.edu.tw/m/home.php
老實說,測試結果出來後,我們其實有點難過,因為時至今日,作為電子科技的重要研發生產國之一,擁有龐大的電資通訊相關科系學生,我們的大學官網首頁光是Mobile Friendly Websites這一項,就有75間大學仍未通過,比例超過一半(51.72%),也有一些學校,甚至在網頁速度上是直接拿到零分,令人相當訝異,技術水準還有相當大的進步空間,我們甚至懷疑網站做好後,根本就沒有進行fine tune的過程。整體而言,有89間大學官網首頁是低於60分的,不及格率是61.37%,而低於39分的,有19間,佔13.1%,很慘烈。
而虎尾科技大學榮登這個測試項目的榜首,也是唯一加權得分超過80分的大學,而且虎科大還是少數已經使用HTTPS連線瀏覽的學校之一,技術底子方方面面都是這次第一,對比最後一名的國立宜蘭大學,則是唯一低於20分的大學,需要迫切的改善;要改善得分並不難,只要校方願意花點時間跟心思去調整,結果就會很不同。
排名 | 學校名稱 | 電腦版速度 | 行動版速度 | 使用者體驗 | 加權分數 |
1 | 國立虎尾科技大學 | 78 | 65 | 95 | 81.87 |
2 | 南華大學 | 75 | 67 | 90 | 78.97 |
3 | 慈濟大學 | 71 | 59 | 99 | 78.88 |
4 | 國立高雄海洋科技大學 | 64 | 69 | 100 | 77.4 |
5 | 逢甲大學 | 69 | 56 | 96 | 76.37 |
6 | 南臺科技大學 | 68 | 44 | 100 | 75.36 |
7 | 國立臺灣科技大學 | 63 | 54 | 100 | 74.51 |
8 | 國立臺南大學 | 67 | 33 | 100 | 73.11 |
9 | 義守大學 | 61 | 51 | 100 | 73.05 |
10 | 國立臺灣體育運動大學 | 59 | 65 | 93 | 71.86 |
11 | 國立臺灣海洋大學 | 58 | 50 | 99 | 71.07 |
12 | 崑山科技大學 | 75 | 63 | 69 | 70.98 |
13 | 長庚大學 | 56 | 53 | 100 | 70.92 |
14 | 樹德科技大學 | 57 | 58 | 96 | 70.81 |
15 | 國立中正大學 | 54 | 57 | 100 | 70.58 |
16 | 國立臺灣戲曲學院 | 49 | 69 | 100 | 70.05 |
17 | 國立臺北科技大學 | 55 | 50 | 100 | 69.95 |
18 | 中華大學 | 55 | 49 | 100 | 69.79 |
19 | 中信金融管理學院 | 55 | 49 | 100 | 69.79 |
20 | 國立臺中科技大學 | 55 | 55 | 96 | 69.35 |
21 | 國立高雄師範大學 | 56 | 47 | 98 | 69.26 |
22 | 國立屏東大學 | 53 | 54 | 99 | 69.26 |
23 | 吳鳳科技大學 | 53 | 51 | 99 | 68.78 |
24 | 修平科技大學 | 45 | 72 | 100 | 68.57 |
25 | 明新科技大學 | 58 | 49 | 92 | 68.46 |
26 | 輔英科技大學 | 50 | 52 | 100 | 67.82 |
27 | 世新大學 | 51 | 51 | 99 | 67.8 |
28 | 長庚科技大學 | 48 | 56 | 100 | 67.48 |
29 | 東吳大學 | 52 | 45 | 99 | 67.33 |
30 | 健行科技大學 | 53 | 41 | 99 | 67.18 |
31 | 景文科技大學 | 50 | 50 | 99 | 67.15 |
32 | 高苑科技大學 | 70 | 58 | 66 | 66.68 |
33 | 國立東華大學 | 50 | 41 | 100 | 66.06 |
34 | 東方設計學院 | 43 | 64 | 97 | 65.26 |
35 | 輔仁大學 | 41 | 62 | 100 | 65.01 |
36 | 大漢技術學院 | 71 | 56 | 60 | 64.75 |
37 | 國立中興大學 | 41 | 68 | 96 | 64.57 |
38 | 崇右技術學院 | 54 | 46 | 87 | 64.27 |
39 | 銘傳大學 | 63 | 61 | 67 | 64.08 |
40 | 中華科技大學 | 46 | 39 | 100 | 63.78 |
41 | 國立暨南國際大學 | 50 | 53 | 87 | 63.43 |
42 | 明志科技大學 | 42 | 49 | 100 | 63.42 |
43 | 國立雲林科技大學 | 50 | 40 | 92 | 63.1 |
44 | 長榮大學 | 47 | 42 | 94 | 62.65 |
45 | 國立政治大學 | 48 | 36 | 95 | 62.53 |
46 | 國立彰化師範大學 | 41 | 48 | 99 | 62.42 |
47 | 國立勤益科技大學 | 41 | 45 | 100 | 62.29 |
48 | 靜宜大學 | 67 | 57 | 58 | 62.25 |
49 | 南開科技大學 | 66 | 53 | 61 | 62.17 |
50 | 美和科技大學 | 39 | 50 | 99 | 61.76 |
51 | 國立中央大學 | 64 | 52 | 61 | 61.03 |
52 | 國立聯合大學 | 40 | 39 | 100 | 60.84 |
53 | 國立新竹教育大學 | 63 | 58 | 59 | 60.8 |
54 | 實踐大學 | 44 | 33 | 97 | 60.79 |
55 | 南榮科技大學 | 62 | 54 | 61 | 60.37 |
56 | 嘉南藥理大學 | 41 | 35 | 99 | 60.34 |
57 | 國立清華大學 | 40 | 38 | 98 | 59.98 |
58 | 慈濟科技大學 | 41 | 38 | 95 | 59.42 |
59 | 元培醫事科技大學 | 42 | 25 | 99 | 59.23 |
60 | 嶺東科技大學 | 61 | 45 | 62 | 58.79 |
61 | 南亞技術學院 | 59 | 50 | 61 | 58.26 |
62 | 法鼓文理學院 | 59 | 53 | 59 | 58.04 |
63 | 中國科技大學 | 59 | 50 | 60 | 57.91 |
64 | 國立嘉義大學 | 57 | 49 | 61 | 57.12 |
65 | 弘光科技大學 | 56 | 44 | 64 | 56.88 |
66 | 環球科技大學 | 26 | 56 | 100 | 56.7 |
67 | 大同大學 | 59 | 46 | 58 | 56.57 |
68 | 中國醫藥大學 | 55 | 47 | 62 | 56.17 |
69 | 中國文化大學 | 38 | 34 | 91 | 55.91 |
70 | 國立中山大學 | 56 | 45 | 59 | 55.29 |
71 | 明道大學 | 52 | 45 | 64 | 55.08 |
72 | 國立臺北大學 | 48 | 45 | 69 | 54.87 |
73 | 蘭陽技術學院 | 53 | 45 | 61 | 54.52 |
74 | 高雄醫學大學 | 32 | 26 | 99 | 54.49 |
75 | 大華科技大學 | 53 | 43 | 61 | 54.2 |
76 | 國立陽明大學 | 54 | 42 | 60 | 54.18 |
77 | 中臺科技大學 | 23 | 49 | 100 | 54.11 |
78 | 國立高雄應用科技大學 | 22 | 51 | 100 | 53.94 |
79 | 國立臺東大學 | 52 | 42 | 61 | 53.55 |
80 | 國立高雄餐旅大學 | 53 | 41 | 60 | 53.53 |
81 | 康寧大學 | 52 | 43 | 59 | 53.01 |
82 | 經國管理暨健康學院 | 50 | 51 | 58 | 52.96 |
83 | 國立臺北藝術大學 | 52 | 40 | 60 | 52.88 |
84 | 大葉大學 | 51 | 43 | 60 | 52.87 |
85 | 致理技術學院 | 25 | 35 | 100 | 52.85 |
86 | 國立體育大學 | 47 | 42 | 64 | 52.15 |
87 | 僑光科技大學 | 50 | 43 | 59 | 52.03 |
88 | 華夏科技大學 | 51 | 41 | 58 | 51.85 |
89 | 正修科技大學 | 51 | 40 | 58 | 51.69 |
90 | 真理大學 | 49 | 38 | 61 | 51.44 |
91 | 中華醫事科技大學 | 50 | 42 | 57 | 51.17 |
92 | 龍華科技大學 | 48 | 37 | 61 | 50.79 |
93 | 國立臺中教育大學 | 48 | 40 | 59 | 50.57 |
94 | 文藻外語大學 | 47 | 38 | 61 | 50.46 |
95 | 遠東科技大學 | 43 | 38 | 66 | 50.25 |
96 | 佛光大學 | 41 | 33 | 71 | 50.22 |
97 | 台灣首府大學 | 44 | 45 | 60 | 49.76 |
98 | 國立臺灣大學 | 18 | 38 | 99 | 49.55 |
99 | 東南科技大學 | 45 | 36 | 62 | 49.51 |
100 | 中山醫學大學 | 45 | 38 | 61 | 49.48 |
101 | 國立臺灣師範大學 | 26 | 26 | 93 | 49.45 |
102 | 國立屏東科技大學 | 44 | 38 | 62 | 49.34 |
103 | 大同技術學院 | 46 | 38 | 59 | 49.27 |
104 | 國立臺北教育大學 | 29 | 0 | 100 | 49.21 |
105 | 德霖技術學院 | 48 | 38 | 55 | 48.85 |
106 | 華梵大學 | 43 | 40 | 59 | 48.12 |
107 | 國立金門大學 | 45 | 35 | 58 | 47.95 |
108 | 馬偕醫學院 | 43 | 38 | 59 | 47.8 |
109 | 臺北醫學大學 | 43 | 33 | 61 | 47.7 |
110 | 國立成功大學 | 43 | 35 | 57 | 46.62 |
111 | 臺北市立大學 | 39 | 40 | 60 | 46.51 |
112 | 中原大學 | 37 | 29 | 64 | 45.17 |
113 | 國立澎湖科技大學 | 37 | 33 | 60 | 44.41 |
114 | 國立高雄第一科技大學 | 1 | 54 | 99 | 43.78 |
115 | 國立臺南藝術大學 | 34 | 32 | 62 | 43.48 |
116 | 亞東技術學院 | 0 | 53 | 100 | 43.48 |
117 | 黎明技術學院 | 0 | 54 | 99 | 43.29 |
118 | 中州科技大學 | 35 | 29 | 61 | 43.14 |
119 | 台南應用科技大學 | 0 | 49 | 100 | 42.84 |
120 | 聖約翰科技大學 | 28 | 48 | 60 | 42.4 |
121 | 國立高雄大學 | 29 | 35 | 62 | 41.51 |
122 | 開南大學 | 0 | 36 | 100 | 40.76 |
123 | 稻江科技暨管理學院 | 29 | 26 | 63 | 40.42 |
124 | 淡江大學 | 0 | 33 | 99 | 39.93 |
125 | 國立臺灣藝術大學 | 8 | 6 | 100 | 39.88 |
126 | 亞洲大學 | 31 | 27 | 56 | 39.11 |
127 | 東海大學 | 7 | 18 | 92 | 38.51 |
128 | 亞太創意技術學院 | 0 | 10 | 100 | 36.6 |
129 | 育達科技大學 | 0 | 0 | 99 | 34.65 |
130 | 國立交通大學 | 0 | 0 | 96 | 33.6 |
131 | 萬能科技大學 | 20 | 17 | 60 | 33.52 |
132 | 國立臺北護理健康大學 | 16 | 15 | 60 | 31.24 |
133 | 醒吾科技大學 | 14 | 13 | 61 | 30.29 |
134 | 臺北城市科技大學 | 0 | 42 | 59 | 27.37 |
135 | 和春技術學院 | 5 | 8 | 61 | 25.08 |
136 | 臺灣觀光學院 | 5 | 4 | 62 | 24.79 |
137 | 玄奘大學 | 6 | 4 | 60 | 24.58 |
138 | 大仁科技大學 | 2 | 10 | 62 | 24.28 |
139 | 元智大學 | 2 | 3 | 65 | 24.21 |
140 | 德明財經科技大學 | 0 | 0 | 61 | 21.35 |
141 | 國立臺北商業大學 | 0 | 0 | 61 | 21.35 |
142 | 台北海洋技術學院 | 0 | 0 | 61 | 21.35 |
143 | 建國科技大學 | 0 | 0 | 60 | 21 |
144 | 朝陽科技大學 | 0 | 0 | 59 | 20.65 |
145 | 國立宜蘭大學 | 0 | 0 | 57 | 19.95 |