CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top

給客戶看的網頁設計(五)壓縮圖片!節省 60% 以上的空間,加快網頁速度

[vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column css=".vc_custom_1533708507132{padding-right: 10% !important;}"][vc_column_text css=".vc_custom_1573019316804{padding-right: 10% !important;}"]2019 網頁大小已接近 4MB,是 2016 的 2 倍,比起 2011 更達到 4 倍以上。歸功於頻寬、4G 網路的普及,載入網頁的速度沒有像網頁大小一樣呈倍數成長,但隨著預期心理提昇,人們瀏覽網頁時等待的耐心變得比以往更少了! (圖片來源) 雖然網頁速度不是最直接影響到網頁成效、SEO 的項目,但一般通則是超過「3 秒」,使用者就很有可能跳出正在讀取的頁面。之前 CTK 小記也講過許多優化網頁速度的文章,要檢測網站速度,可以使用 Google PageSpeed Insights 或是 GTmetrix 來找出拖慢網站速度的原因,加以改進。 今天和大家談的,是最簡單,卻也最重要的調整:「適當的圖片」。 這裡只說到圖片,是因為包含圖片尺寸(解析度)、檔案格式、壓縮比例。牽扯到 SEO 等還關係於 alt 項目設定等等,就先來看最重要的「圖片大小」:[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="最簡單卻也最必要的調整:輸出適當的圖片" title_font_size="26"][vc_column_text css=".vc_custom_1573019451650{padding-right: 10% !important;}"]企業好不容易請了商業攝影師,拍了漂亮細緻的形象圖、示意/空間圖,要放到官網,呈現產品或企業形象概念,卻常顧慮:「我放這麼小的圖,不會看不清楚嗎?」(網頁設計公司都會提示:「圖片大小在 100kb 內為佳,卻常常收到用雲端空間傳來一張 10MB 的圖檔...

挑選 WordPress Theme 快速入門

許多主機商現在都建有「一鍵安裝 WordPress 」的功能,就算沒有程式底子,想要自己架一個 WordPress 網站也沒有這麼困難。反而是安裝好後,網站的外觀、要安裝哪套 Theme 作為網站的基底,要能根據這個 Theme 建立/修改的頁面有哪些成為自己架網頁的使用者苦惱的問題。...

7 個建置網頁前需要準備的資訊

想要架一個官方網站?想要有購物通路的門面?開始做品牌的網路聲量?建置一個網站前是要先決定 視覺風格 ? 網站地圖 ?還是準備好主機、網域 就可以了呢?跟著這篇文章準備,釐清網頁的終極目的,才能讓你的網站符合預期價值。...

以 gtmetrix 為例,調整網站速度

網站速度的重要性,CTK Pro 已經提過許多次了。對使用者來說,即便有再好網頁設計、 UX 設計、文案素材,當網站速度亮起紅燈時,使用者決定要離開你的網站,都是白搭。要避免這樣的慘況發生,不只在網站建置之初,後續監控、維護網站速度,其實是不可少的工作。...

網頁健檢工具大集合

不管是電商網站,企業形象官網,到個人部落格,網站結構、內容其實就是網頁健康度。為了讓網站營運正常,網頁健檢可以快速幫你找出網站問題。從網域到 SEO、電子報工具,這些常用的健檢工具都在這裡!...

行動優先網頁設計與響應式網頁設計?你選哪一個?

BLOG日誌內其實已經介紹過許多 RWD 網站設計的訣竅,像是表格與 RWD 的愛恨情仇,Youtube 嵌入影片 ifram 的 RWD 調整方式,都是現代網站必須的。不過!就是這個 but ,到底我們是從原始人的觀點(網路世界五到十年應該算是夠原始了吧?),真的所有的 Responsive Web Design 都符合行動優先(Mobile First)的思維嗎?...

提昇網頁速度的關鍵-使用網頁快取

由於現在網頁技術已發展成熟,使用者在等待網頁內容上也失去了耐心,超過三秒鐘的網頁讀取時間,就足以趕走一半的使用者。這也讓快取成為讀取速度的關鍵幫手,在網頁設計之初,就需要考量進去,也對於 SEO 有正向幫助。...

WordCamp Taipei 2018 講師一手報導

現在 WordCamp 已經結束,許多當初沒有搶到票的同仁,也不需要扼腕,因為 Wendy 在這要分享整篇圖文並茂的演講啦!各路看倌遭遇以下任情況,1. 全世界上千上萬的佈景主題 themes 無從買起。2. 買回來的佈景主題 theme 安裝好後,不會用、不好用、bug 一堆。要繼續看下去啊!...