2019年8月15日 星期四

如何提升網頁執行速度



1.主機


主機是網站所有的基礎,基礎的CPU處理速度、記憶體大小、硬碟的種類等,詳細的有網路上傳及下載速度、主機限制的流量、主機系統的環境,使用合適的主機對網站速度來說是很重要的。

2.圖片壓縮


因為網頁內容越來越豐富,使用的圖片也越來越多,導致容量不斷地增加,所以選用正確尺寸的圖片,以及適當的壓縮圖片可以改善網站速度。

3.使用語法取代Flash與圖片


目前網頁技術日新月異,使用CSS3以及JS套件就可以達成以往難以實現的網頁效果,可以減少Flash、圖片與GIF動圖的使用,使用語法演算出來的動畫與圖像,所需容量小、執行速度快,幫助網頁提升效能以及減少資料量的負荷。

4.使用快取與網站壓縮


使用快取幫助網頁緩衝處理,將經常讀取的頁面及檔案作成快取,讓使用者不用重覆載入相同資料,或讓使用者在讀取相同資料時,取得先前已被自己或他人處理過的結果,不用再處理相同資料,將已處理過的資料內容記錄至瀏覽器或伺服器中。使用網頁壓縮技術,將網站上的CSS、JS與一些網站內容進行壓縮。

5.CDN(內容傳遞網路)


由於CDN在維基百科已有相當清楚的解釋,我們直接轉載維基百科的相關內容:

CDN的總承載量可以比單一骨幹最大的頻寬還要大。這使得CDN可以承載的使用者數量比起傳統單一伺服器多。也就是說,有100Gbits/sec處理能力的伺服器放在同樣的資料中心,只有10Gbps/sec頻寬就只能發揮出10Gbps/sec的承載量。但如果放到十個有10Gbps/sec的地點,整個系統的承載量就可以到10*10Gbps/sec。

同時,將伺服器放到不同地點,可以減少互連的流量,進而降低頻寬成本。

對於TCP傳輸而言,TCP的速度(throughput)會受到延遲時間(latency)與封包漏失率(packet loss)影響。為了改善這些負面因素,CDN通常會指派較近、較順暢的伺服器節點將資料傳輸給使用者。雖然距離並不是絕對因素,但這麼做可以盡可能提高效能,使用者將會覺得比較順暢。這使得一些比較高頻寬的應用(傳輸高畫質畫質的影片)更容易推動。

6.優化資料庫


資料庫中的資料量越來越大,所花費的搜尋時間也更長,間接影響網頁的處理速度,所以對於資料表的優化及修復資料表也是網站速度中重要的一環。

Youtube頻道建立


有了Google帳戶,您就能觀看影片、對影片表示喜歡和訂閱頻道。不過,您必須自行建立 YouTube 頻道,才能在 YouTube 上擁有公開身分。此外,即使您擁有 Google 帳戶,還是必須先建立一個 YouTube 頻道,才能上傳影片、留言或建立播放清單。您可以透過 YouTube 電腦版網站或行動版網站來建立新頻道。

網路教學https://www.youtube.com/watch?v=l0eM1_JVqHE

建立個人頻道

如要建立新頻道,並指定該頻道只能由您透過您的 Google 帳戶管理,請按照以下指示操作。
  1. 在電腦上登入 YouTube 網站,或使用行動版網站。
  2. 嘗試進行必須有頻道才能執行的動作,例如上傳影片、發表留言或建立播放清單。
  3. 如果你還沒有頻道,系統就會提示你新建頻道。
  4. 確認詳細資料 (以及你的 Google 帳戶名稱和相片) 正確無誤,然後確認建立新頻道。

建立商家頻道或用其他名稱來建立頻道

如要建立可同時擁有多位管理員或擁有者的頻道,請按照以下指示操作。
您可以利用品牌帳戶來建立一個名稱不同的頻道,但該頻道同樣須透過您的 Google 帳戶管理。進一步瞭解品牌帳戶。
  1. 在電腦上登入 YouTube 網站,或使用行動版網站。
  2. 前往您的頻道清單。
  3. 選擇要建立新頻道,或使用某個現有的品牌帳戶:
    • 如要建立新頻道,請點選 [建立新頻道]
    • 如要為您管理的品牌帳戶建立 YouTube 頻道,請從清單中選擇品牌帳戶。如果這個品牌帳戶已經擁有一個頻道,您就無法建立新頻道。在這種情況下,如果您從清單中選擇該品牌帳戶,系統就會自動切換至該頻道。
  4. 填寫詳細資料,為新頻道命名並驗證您的帳戶,然後點選 [完成],系統就會為您建立新品牌帳戶。
  5. 如果要新增頻道管理員,請按照變更頻道擁有者和管理員這篇文章中的指示操作。

被動收入知識


那為什麼要建造被動收入呢?


如果你沒有被動收入,你不可能有退休的那一天。你需要工作到你離開人世,因為沒有被動收入,你不工作就不能過生活。

那為什麼要多一點被動收入呢?



第一,被動收入不是永久收入,他有一天可能會停止。你要經營多重被動收入來源,不要把所有的蛋都放到同一個籃子裡。第二,大部分的人口,每天都在擔憂說怎麼繳房租/房貸,電費,怎麼樣有錢可以填飽肚子,當你這樣生活時,有很多的創造力都因為「錢」而遺失了。當你的被動收入可以幫你賺很多錢時,你可以不用每天「擔憂錢」,而是活出自己的人生。



每個人對「被動收入」的定義都不盡相同,有些人覺得被動收入就是什麼事都不用做,就有大把鈔票流入口袋中,這麼說沒有錯,但也不是完全正確。我們在擁有被動收入之前,都需要主動的來創造。

而被動收入就是當你主動的創造了價值,這個價值被創造了一次,就可以服務一百、一千甚至一萬人,不需要你再次的花上同等成本,就能得到利潤,這就是個最基礎的“被動”收入了。

被動地影響到別人、被動地幫助到人們、被動地給予服務,因此產生了被動的收入。



建立被動收入的兩種方法

方法一、花錢建立


然而對我們一般人來說,建立被動收入其實並不容易,

因為你要建立被動收入常常都需要擁有足夠的資金才能夠購買如股票、房地產的資產,

不過慶幸的是,如果你沒有足夠的資金,你還有另外一個方式來建立你的被動收入。

方法二、花時間建立

另外一種建立被動收入的方法就是:花時間建立。

剛出社會幾年的我,沒什麼資本,所以我自己也是用花時間的方式來建立被動收入,

其實就是用經營部落格的方式,你或許會好奇寫部落格不是已經過時了嗎? 還賺得到錢嗎?

是的,其實寫部落格這種建立被動收入的方式還是賺得到錢的!而且大部分都是被動收入!

為甚麼要選用Wordpress來架設個人網站


目前全世界大約有 1/3 的網站是使用WordPress來架設網站. 它的受歡迎程度是有目共睹的. WordPress 是一套功能強大的內容管理系統 (CMS, Content Management System). 能夠在很短的時間之內就做出漂亮的網站. 由於簡單、好用, 因此常常成為架設部落格網站時的首選軟體.
講到自己架設網站, 有人會想到為什麼不使用比WordPress還要簡單的架站服務平台如 Wix 或 Weebly.
理由是這些網頁製作平台所提供的免費版本限制多, 好的功能都只有付費版才有. 而且它的主要客群是針對企業官網或者是網路商店. 一般並不太適合使用在個人的blog上面.

相反的來講, 使用WordPress 來架設網站可以帶來如下的好處
  • WordPress 是一個免費的架站軟體. 可以在任何網站上面自由使用.
  • 簡單好用, 電腦背景不多的人, 也可以在短時間之內, 很輕易的架設出一個漂亮的部落格.
  • 目前全球約有30%的網站是使用WordPress軟體建立起來的 .不但使用的人非常的多, 技術上的資源也很龐大.
  • 有非常多的佈景主題 (theme)可以選擇. 能夠讓不懂美術設計的人也能夠輕鬆的做出一個專業漂亮的網站.
  • 網站功能的擴充非常的有彈性. 可以安裝利用的外掛插件(plug-in) 種類更是超過了上萬個.
  • 能夠配合WooCommerce 購物車系統, 輕易的將個人blog 轉變為功能齊全的網路商店.
  • 屬於開源軟體 (open source), 網站的客製化容易, 而且所需要的開發費用往往較其它建站軟體來得低廉.
  • 軟體的的穩定性高, 可以輕鬆的處理每日高訪客流量的網站. 不管是小型的個人部落格或者是大型的商業官網都非常適用.
個人有練習過架設WordPress個人網頁網址如下:https://mmrpowerbank.com/

內容行銷


以內容傳播為經營的重點. 推廣的途徑可以是部落格文章, 影音短片, SlideShare 網路簡報, 電子書, 資訊圖表(infographic)等等. 常見的的操作方法如下:

關鍵字行銷 

也就是所謂的搜尋引擎優化 (SEO, Search Engine Optimization)
當你在Google上面輸入一個關鍵字 (keyword) 的時候, 在第一頁會顯示10個左右的網站地址(非廣告). 爭取這個搜尋首頁的排名位置就是操作SEO的最神聖目標.
一般透過搜尋引擎所導入的自然流量品質常較其它類型流量(如付費廣告)來的好. 有較高的點擊率和商品轉化率(conversion rate). 雖然SEO操作上很費時, 但是由於成本小效果大. 所以常常成為網站經營者的首選行銷手法.
在開始做搜尋引擎優化的時候, 你必須要事先研究好所要優化的關鍵字群組 (Keywords). 一般好的關鍵字有兩個特性,
  • 流量要夠大: 流量越大的關鍵字可以讓網站獲得更多的曝光機會. 行銷的效益也愈大. 如果花時間優化一個月流量低的關鍵字. 行銷效果將會是微不足道的.
  • 競爭要小: 如果Google搜尋前10名名單上面都是一些權威型網站 (例如東森雲, 蘋果, PChome商店街). 就可能表示這個關鍵字競爭很激烈. 這時候就應該考慮換其它競爭小的關鍵字來優化.
搜尋引擎優化有如下的兩大任務:
  • 站內優化 (On-Site SEO)- 站內優化就像是對自己的網站進補. 在目標關鍵字的引導下, 網站需要有很好且常常添新的內容. 內頁間有緊密的相關性連結. 網站反應速度快. 讓訪客能夠留下很好的網站造訪經驗.
  • 站外優化 (Off-Site SEO) – 主要任務就是增加自己網站的信任度. 方法像是獲得更多的外部反向鏈接 (back linking), 在社群平台很活躍 (social proof)等等.
傳統的搜尋引擎除了Google之外, 其它流量大的中文搜尋引擎像是Yahoo和百度也是很值得去經營的.
當然, 你可能不知道 YouTube是目前全球第二大的搜尋引擎. 經營YouTube頻道的台主們可不要忘記在平台上為自己的影片做做SEO, 來增加頻道的曝光率 🙂

置入性行銷/業配

你可以花錢請部落格主人做產品的開箱介紹文, 刊登產品使用心得報告. 當然你也可以使用影音短片的形式付費在有名的YouTube頻道上做業配行銷.

病毒行銷 (Viral Marketing)

前陣子有一個很流行的ALS(漸凍症)冰桶挑戰賽 (Ice Bucket Challenge), 透過網路平台間的病毒式傳播行銷, 在短短的一個月時間裡面便募得到了9820萬美元捐款. 是前一年全年募款所得270萬美元的36倍!
你可能常在YouTube上面看到其它一些爆紅的短片. 透過 ‘人傳人’ 的方式不間斷地在網路上面討論分享, 短時間內便吸引了龐大的好奇觀看人數. 在有意或者無意間做了一個很好的線上行銷
病毒行銷一般是利用話題性或是分享性高的題材在網路上迅速的傳播開來. 它的行銷成本低, 爆發性大. 能夠在很短的時間內帶來巨大的流量而達到行銷的目的

Wordpress教學:CSS編輯器



若要進一步修改網頁樣式,你必須使用CSS。現在WordPress有自帶的CSS編輯器,讓你不用創建子主題,就可以修改CSS並即時預覽。
你還能用CSS設計版面。

如何設計網頁

「架站」搞定之後,排版與設計常成為下一個焦點。
網頁設計是一個專業領域,牽涉到HTML、CSS、JavaScript、PHP等語法... 好消息是WordPress有很多「網頁製作外掛」,讓不懂程式語言的人也能設計網頁!
WordPress網站設計分兩部分:
  1. 內容本體
  2. 頁首 / 頁腳 / 側邊欄
內容本體 是由WP文章編輯器所控制。市面上有不少WP Editor的「視覺化」替代方案,如Page Builder、elementor、Beaver Builder等。如同WordPress自帶的Editor,這些外掛只能設計文章主體。
頁首 / 頁腳 / 側邊欄 如何設計?首先,安裝符合你設計概念的版型---不求100%完美,但至少要達到70%~80%。接下來客製化,就看你的CSS、HTML、甚至PHP(修改 functions.php )功力。有時間者可以自學… 沒時間者,推薦先寫實用文章來經營網站(部落格)流量。等網站流量 / 被動收入提升之後,再外包給網頁設計師。

Wordpress教學:購物車安裝

為什麼叫它購物車「系統」,而不是外掛?因為這類的電子商務外掛(E-commerce Plugin),已龐大且複雜到自成體系。若在WordPress後台搜尋WooCommerce,你會看到上百個針對WooCommerce外掛的外掛!



第三方支付

除了安裝購物車外掛,你的購物網站還需要串接金流,才算架設完成。
台灣的第三方支付平台有:
  • 綠界科技 ECPay
  • 歐付寶 O'Pay
  • 智付寶 Pay2go / 智付通 Spgateway
  • 紅陽科技
  • 藍新科技
綠界、歐付寶和智付寶,至少還有在更新API / SDK / 購物車模組。其他的就不敢說了。
金流串接乍看很難,但支付平台會提供技術文件或安裝手冊,照著做就行。例如綠界的購物車模組,和智付寶的API文件區。你可以下載、閱讀手冊並安裝---流程和安裝第三方外掛差不多。(API / SDK串接,應外包給程式開發人員)

如何 提升 網頁執行速度 1.主機 主機是網站所有的基礎,基礎的CPU處理速度、記憶體大小、硬碟的種類等,詳細的有網路上傳及下載速度、主機限制的流量、主機系統的環境,使用合適的主機對網站速度來說是很重要的。 2.圖片壓縮 因為網頁內容越來越豐富,使用的圖片也越來越...