假想一個情境,如果把台灣的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個大學官網(含已合併的新竹教育大學)之後,還是要大力推薦一下我們認為的最美大學官網:國立臺灣藝術大學。設計非常美觀,只可惜技術上可以優化調整的空間還不少,而且技術上的優化跟美觀其實也並不衝突。

ntua-homepage

pagespeedinsights-ntua

Benchmark

在進行自家內部的大混戰之前,我們先看看別人家的表現,這裡隨手找了幾家國際排名有看到的大學,來當做Benchmark。

計分權重分配:
電腦版的網頁速度:49%
行動版的網頁速度:16%
行動版使用者體驗:35%
學校名稱電腦版速度行動版速度使用者體驗加權分數
佛羅里達大學948810095.14
密西根大學92839993.01
麻省理工學院80639983.93
華盛頓大學786210083.14
南加大73669780.28
史丹佛73549979.06
UC 柏克萊61719975.9
普林斯頓67549574.72
紐約大學605010072.4
清華大學(中國)53479667.09
東京大學50489966.83
伊利諾大學48369963.93
哈佛大學33659660.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%,很慘烈。

pagespeedinsights-2016

而虎尾科技大學榮登這個測試項目的榜首,也是唯一加權得分超過80分的大學,而且虎科大還是少數已經使用HTTPS連線瀏覽的學校之一,技術底子方方面面都是這次第一,對比最後一名的國立宜蘭大學,則是唯一低於20分的大學,需要迫切的改善;要改善得分並不難,只要校方願意花點時間跟心思去調整,結果就會很不同。

pagespeedinsights-nfu

 

排名學校名稱電腦版速度行動版速度使用者體驗加權分數
1國立虎尾科技大學78659581.87
2南華大學75679078.97
3慈濟大學71599978.88
4國立高雄海洋科技大學646910077.4
5逢甲大學69569676.37
6南臺科技大學684410075.36
7國立臺灣科技大學635410074.51
8國立臺南大學673310073.11
9義守大學615110073.05
10國立臺灣體育運動大學59659371.86
11國立臺灣海洋大學58509971.07
12崑山科技大學75636970.98
13長庚大學565310070.92
14樹德科技大學57589670.81
15國立中正大學545710070.58
16國立臺灣戲曲學院496910070.05
17國立臺北科技大學555010069.95
18中華大學554910069.79
19中信金融管理學院554910069.79
20國立臺中科技大學55559669.35
21國立高雄師範大學56479869.26
22國立屏東大學53549969.26
23吳鳳科技大學53519968.78
24修平科技大學457210068.57
25明新科技大學58499268.46
26輔英科技大學505210067.82
27世新大學51519967.8
28長庚科技大學485610067.48
29東吳大學52459967.33
30健行科技大學53419967.18
31景文科技大學50509967.15
32高苑科技大學70586666.68
33國立東華大學504110066.06
34東方設計學院43649765.26
35輔仁大學416210065.01
36大漢技術學院71566064.75
37國立中興大學41689664.57
38崇右技術學院54468764.27
39銘傳大學63616764.08
40中華科技大學463910063.78
41國立暨南國際大學50538763.43
42明志科技大學424910063.42
43國立雲林科技大學50409263.1
44長榮大學47429462.65
45國立政治大學48369562.53
46國立彰化師範大學41489962.42
47國立勤益科技大學414510062.29
48靜宜大學67575862.25
49南開科技大學66536162.17
50美和科技大學39509961.76
51國立中央大學64526161.03
52國立聯合大學403910060.84
53國立新竹教育大學63585960.8
54實踐大學44339760.79
55南榮科技大學62546160.37
56嘉南藥理大學41359960.34
57國立清華大學40389859.98
58慈濟科技大學41389559.42
59元培醫事科技大學42259959.23
60嶺東科技大學61456258.79
61南亞技術學院59506158.26
62法鼓文理學院59535958.04
63中國科技大學59506057.91
64國立嘉義大學57496157.12
65弘光科技大學56446456.88
66環球科技大學265610056.7
67大同大學59465856.57
68中國醫藥大學55476256.17
69中國文化大學38349155.91
70國立中山大學56455955.29
71明道大學52456455.08
72國立臺北大學48456954.87
73蘭陽技術學院53456154.52
74高雄醫學大學32269954.49
75大華科技大學53436154.2
76國立陽明大學54426054.18
77中臺科技大學234910054.11
78國立高雄應用科技大學225110053.94
79國立臺東大學52426153.55
80國立高雄餐旅大學53416053.53
81康寧大學52435953.01
82經國管理暨健康學院50515852.96
83國立臺北藝術大學52406052.88
84大葉大學51436052.87
85致理技術學院253510052.85
86國立體育大學47426452.15
87僑光科技大學50435952.03
88華夏科技大學51415851.85
89正修科技大學51405851.69
90真理大學49386151.44
91中華醫事科技大學50425751.17
92龍華科技大學48376150.79
93國立臺中教育大學48405950.57
94文藻外語大學47386150.46
95遠東科技大學43386650.25
96佛光大學41337150.22
97台灣首府大學44456049.76
98國立臺灣大學18389949.55
99東南科技大學45366249.51
100中山醫學大學45386149.48
101國立臺灣師範大學26269349.45
102國立屏東科技大學44386249.34
103大同技術學院46385949.27
104國立臺北教育大學2910049.21
105德霖技術學院48385548.85
106華梵大學43405948.12
107國立金門大學45355847.95
108馬偕醫學院43385947.8
109臺北醫學大學43336147.7
110國立成功大學43355746.62
111臺北市立大學39406046.51
112中原大學37296445.17
113國立澎湖科技大學37336044.41
114國立高雄第一科技大學1549943.78
115國立臺南藝術大學34326243.48
116亞東技術學院5310043.48
117黎明技術學院549943.29
118中州科技大學35296143.14
119台南應用科技大學4910042.84
120聖約翰科技大學28486042.4
121國立高雄大學29356241.51
122開南大學3610040.76
123稻江科技暨管理學院29266340.42
124淡江大學339939.93
125國立臺灣藝術大學8610039.88
126亞洲大學31275639.11
127東海大學7189238.51
128亞太創意技術學院1010036.6
129育達科技大學9934.65
130國立交通大學9633.6
131萬能科技大學20176033.52
132國立臺北護理健康大學16156031.24
133醒吾科技大學14136130.29
134臺北城市科技大學425927.37
135和春技術學院586125.08
136臺灣觀光學院546224.79
137玄奘大學646024.58
138大仁科技大學2106224.28
139元智大學236524.21
140德明財經科技大學6121.35
141國立臺北商業大學6121.35
142台北海洋技術學院6121.35
143建國科技大學6021
144朝陽科技大學5920.65
145國立宜蘭大學5719.95