諮詢熱線:02-2369-8858

【好用工具介紹】Adobe Kuler配色工具+網站測速工具

【好用工具介紹】Adobe Kuler配色工具+網站測速工具

最後更新:2015/02/25 作者:優化部
加入好友
Adobe Kuler配色工具+網站測速

顏色這件事情總是嚴重影響人的視覺,給人極深的第一印象,顏色協調搭不搭配,總是困擾著你嗎?現在Adobe有提供方便的工具(Adobe Kuler配色工具)讓你選擇參考配色喔!

 

 

 

有關詳細的使用介紹,已經有一些部落客很用心地分享了相關的使用心得,可以參考【Adobe Kuler 尋找簡報設計配色靈感,免費下載色票、顏色資訊】或是【配色找不到靈感嗎? 兩個網站免費工具免費讓你成為配色大師】,讓你以後不用再為配色苦惱囉!另外,大家常用的超強繪圖工具Adobe Illustrator現在也內建這個工具囉!您可以參考Adobe官方網站介紹的顏色群組,詳細的介紹了在Illustrator內該如何使用這個功能!

萬一,你的Illustrator版本沒有這個功能該如何是好?小編兒也很貼心的幫大家找了Adobe的外掛網站!搜尋Kuler,就可以下載裝到我們的Photshop或是Illustrator,大家也可以下載其他外掛,看看是否能幫助工作更有效率!是不是很方便呢!

 

網站測試速度工具

為什麼要知道自己網站速度怎麼樣?因為會影響你的網站排名啊!當你的網站讀取速度越慢,訪客就不願意等,於是只好跳出去找其他家的網站,久而久之你的網站就會被判定是對訪客無用的網站,這是多麼悲情的一件事!還沒被顧客看到就已經先被否定被判出局。

雖然網站讀取速度已被列為排名因素一段時間,原本主要影響桌機搜索的排名,但在Google最新聲明中提及2018年7月開始,頁面速度將成為移動搜索的排名因素。

你還能忽視你的網站速度嗎?

這次就讓我們來介紹一個就算不是工程師也能輕易看懂的測速工具: Pingdom Website Speed Test,快來測試一下吧!

 

Pingdom Website Speed Test

Step1:

進到測試網站頁面會看到一個URL輸入框,在框中輸入欲測試的網站網址,測試區域因目前僅有部分區域可供選擇,可選擇”New York,USA”做為測試區域,並按下”START TEST”

Step2:

測試完成後會在下方出現測試結果,Summary列表中會呈現四個數據:Performance grade(評分)、Load time(載入時間)、Page size(網頁大小)、Requests(請求數)

除了評分項目是越接近100分越好外,其餘三個數字則是越小表現越好。

Step3:

接著,下方會有各項目的細節,Performance insights 照評分由低到高排列,分數越低的項目建議優先調整,後方有下拉選單可點擊,裡面會有扣分的依據可參考。

File requests下會顯示內容分別的載入時間,可以觀察什麼內容載入耗時過久,作為載入速度提升的重點調整項目。

P.S 理想的網站讀取時間是3秒內,你的網站讀取耗時多久呢?

 

要提升網站排名當然不是只有觀察測試結果,更重要的是該如何改善你的網頁讀取速度,Google Developers提供了這個工具:Page Speed Tools,不僅提供給您網站速度評分,還提供了改善建議。以下將為您介紹如何使用這個網站測速工具,及依照Google大神給的參考改善建議為網站做調整。

 

Page Speed Tools

Step1:

同樣於URL輸入框中填入欲測試的網址並點選分析。

Step2:

分析結果會提供行動版和電腦版的結果,可以分別依照兩種裝置的分析結果,做出調整計畫。

接著在最佳化建議的下方會有Google提供的改善建議,點擊"顯示修正問題的做法",就會有更詳細的修改做法。可以依照建議做法選擇可以調整的項目做首要優化項目,例如:圖片檔案的壓縮,內容可參考我們另外一篇圖片優化主題的文章。

Step3:

貼心的Google大神甚至替我們準備好了可供下載的已調整檔案,讓我們直接下載後於網站伺服器上做上傳取代即可。

 

今天介紹了兩個好用的網站測速工具,想要比你的競爭對手更能取得優先排名同時讓訪客在進入網站時有好的體驗嗎?

趕快來分析看看自己的網站速度,然後改善拖垮網站速度的元兇吧!

 
 
圖片來源:Designed by Freepik
熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

SEO是什麼?SEO該怎麼做?一篇就懂SEO搜尋引....

我不了解什麼是SEO 什麼是SEO(搜尋引擎優化)? SEO是Search Engine Optimization的縮寫,中文稱作搜尋引擎優化。是一種對搜尋引擎規則的了解,針對網站進行調整,同時打造優良的使用者體驗,提供使用者關心的資訊與內容,進而提升網站排名....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

結構化資料與語意標記,讓Google更懂網站的....

結構化資料標記,讓Google更懂網站的心! 2020/05/29 更新:使用影片結構化資料搜尋成效   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等....

延伸閱讀

掌握競爭對手就靠它! 網站分析工具-Simila....

所謂知己知彼,百戰百勝,只了解自己是不夠的,在行銷的路上需要了解你的競爭對手,才能殺出一條屬於自己的路,平常我們用GA了解自己網站的流量狀況,但當我們無法觀察對手網站的GA時該怎麼辦呢? 網路行銷工具百百種,今日就來介紹一個實用分析工具- Similarweb....

免費圖庫懶人包-九大免費可商用圖庫資源大....

大大你好,我是朵莉絲,不時分享行銷新知,助你提升潛在薪資。   行走江湖,需要朋友;行走網路,需要圖庫! 除了123RF、iStock等付費圖庫以外,朵莉絲在此整理好了私房愛用九大免費可商用圖庫懶人包! 快來跟我一起一探究竟吧!   1. Visu....

SEO優化必備10個免費工具推薦

進行網站SEO的時候,經常需要搭配許多工具進行數據分析、觀察, 甚至是透過工具的建議對網站進行技術性的調整。 這次奇寶工程師不藏私,直接推薦我們實際在操作案件上會使用到的工具給大家! 網站管理員工具 為了瞭解自己網站在Google以及Yahoo搜尋引擎....

10個SEO優化免費工具推薦! (下)

上次已經跟大家分享過10個SEO優化免費工具,但不是這樣就結束了! 市面上的優化工具百百種,奇寶在這邊繼續推薦10個免費的工具給大家,希望能幫助大家在調整網站SEO的過程中省時省力!   外部連結分析 1. Moz Open Site Explorer Moz應該是SEO....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服