7 cách tối ưu tốc độ tải trang website WordPress cho người mới.

Bài viết này được viết bởi Thế Khương | Wordpress

Thế KhươngKiemtiencenter

Chào mừng bạn đến với Kiemtiencenter, hi vọng bạn có những trải nghiệm & ấn tượng tốt tại blog của mình và có thể những kiến thức của mình có thể giúp bạn phần nào đó trong quá trình kiếm tiền online. Nếu bạn không biết bắt đầu từ đâu, SERIE CHO NGƯỜI MỚI sẽ giúp bạn.

Sep 20

7 cách tối ưu tốc độ tải trang website WordPress cho người mới

Mình không phải dân chuyên về website developer hay coder. Làm website thì mình biết nhưng những vấn đề về tối ưu liên quan đến mã nguồn và server thì mình lại khá kém.

Chẳng hạn như trong quá trình tối ưu hóa tốc độ tải trang cho blog kiemtiencenter thì mình gặp 1 số vấn đề khá khó khăn đó là :

  • Webiste sử dụng giao thức SSL (an toàn thông tin cho khách truy cập).
  • Mình chèn nhiều thể loại tracking code khác nhau (Adword, Facebook, Addthis,…)
  • Xài nhiều plugin (phục vụ cho marketing không thể bỏ)
  • Homepage khá nặng vì đưa bài cho newbie ra ngoài (trên 3Mb)
  • …..Và 1 số vấn đề nhỏ khác nữa

Tất cả những vấn đề này đã dẫn đến blog của mình trong thời gian mới thay đổi giao diện (tháng 4/2016) load khá lâu (gần 10 giây) dẫn đến trải nghiệm người dùng bị ảnh hưởng khá nhiều.

Mình đã tìm nhiều cách để tối ưu khác nhau, và hiện tại cũng đã cải thiện được khá khá, load tầm 4-5 giây (lần đầu), và 2-3 giây nếu bạn truy cập lần tiếp theo (vì đã lưu cache). Nhưng điều này vẫn là chưa tối ưu, vì nếu mình làm tốt hơn, có thể site chỉ load trong 2-3 giây, mình sẽ tiếp tục tìm cách để cải thiện.

Tăng tốc độ tải cho website là 1 chủ đề khá nhiều bạn quan tâm, đặc biệt là các bạn mới tiếp cận với việc làm website với WordPress. Vì điều này ngoài việc giúp người dùng có 1 trải nghiệm tốt nhất thì nó cũng ảnh hưởng đến SEO. Nếu bạn là dân chuyên code hay rành rọt về kỹ thuật thì việc mài mò tối ưu cho nó không khó.

Nhưng phần đông các bạn mới làm MMO là dân tay ngang, không rành IT hoặc cũng ở mức độ kha khá, nên ở bài viết này mình sẽ chắt lọc đưa ra 7 lời khuyên trong việc tối ưu tốc độ cho website cho người mới mà mình rút ra được trong thời gian cải thiện tốc độ cho nhiều trang web của mình, những cách này cũng khá đơn giản, ai cũng làm được, không đòi hỏi kỹ năng kỹ thuật giỏi.

CHỜ LÁT !!!

Bạn có muốn tham gia 1 cộng đồng : Nơi mà bạn được cung cấp các tài liệu hướng dẫn kiếm tiền online đầy đủ, có đội ngũ hỗ trợ bạn mỗi khi gặp khó khăn, có đầy đủ công cụ thực hành, và có nhiều người khác cùng thảo luận ?

toi-uu-hoa-toc-to-tai-trang-wordpress

1. Lựa chọn hosting / server chất lượng tốt.

Để làm được một website chuyên nghiệp, đâu ra đó mà không đòi hỏi nhiều kỹ thuật thì lựa chọn WordPress gần như là tuyệt đối với mọi người. Ở những bài hướng dẫn làm website WordPress trước mình có nói bạn sẽ cần chuẩn bị 1 khoản phí để mua tên miền (domain) và hosting (dịch vụ lưu trữ cho web) để giúp mọi thứ chuyên nghiệp và tử tế hơn.

Các nhà cung cấp hosting, server thì hiện nay có rất nhiều, chất lượng có, trôi nổi lởm lồi cũng nhoi nhóc. Nhiều bạn ham rẻ, mua mấy gói linh tinh rồi tiền mất tật mang. Vì vậy, từ đầu bạn nên xác định là làm website chuyên nghiệp thì chịu đầu tư một chút cho cái này. Hiện có rất nhiều coupon giảm giá từ các NCC dịch vụ lưu trữ uy tín thế giới như : Godaddy, A2hosting, Stablehost,…

mua-hosting

Nên chọn shared host nếu bạn là người mới.

Nếu bạn mới bắt đầu tiếp cận với MMO, thì shared host với trình quản lý Cpanel sẽ là lựa chọn mình khuyên dùng, vì nó dễ sử dụng, có nhiều hướng dẫn trên mạng.

Bạn nên chọn những nhà cung cấp uy tín, cái này là chắc chắn rồi vì mình thấy nhiều bạn ham mua mấy gói rẻ mà tiền bay mà host thì không xài được hoặc khi sử dụng gặp rất nhiều vấn đề.

Một vài cái tên hosting mình có thể khuyến khích bạn trải nghiệm như :

  • Godaddy : Đây là hosting mình sử dụng ngay từ những ngày đầu MMO vì giá khá rẻ, coupon giảm giá hàng tháng có nhiều, bạn có thể lên canhme.com để săn coupon mua host và có hướng dẫn cài đặt. Về chất lượng thì không bằng các share host cao cấp hơn nhưng vẫn là lựa chọn tốt cho các bạn mới tập làm website, mình sử dụng thì tương đối ổn định.
  • A2hosting : A2 là Shared Host mà mình thích nhất, về mặt bằng chung chi phí thì nó đắt hơn trong khoản gia hạn cho năm tiếp theo ($131.2/năm) so với Hostgator hay Stablehost nhưng gói swift của nó rất chất lượng, bạn mua năm đầu $67 nếu không có coupon và được một domain free đi kèm.
  • Stablehost, Hostgator : 2 anh này là gói host tầm trung, trên Godaddy nhưng hơi kém so với A2hosting một chút, vẫn là một lựa chọn tốt để bạn có thể bắt đầu mua làm website và yên tâm về chất lượng cũng như độ ổn định.

Bạn nên lựa chọn nơi đặt server gần lượng traffic truy cập. Ví dụ bạn làm website cho người Việt truy cập thì Server đặt tại Hong Kong, Singapore hay Tokyo sẽ tốt hơn. Còn với những bạn làm những hình thức MMO ở nước ngoài như Product Launch, Nichesite thì luôn phải chọn Server US vì traffic phần lớn đến từ đó.

Ngoài ra bạn cần nên xem xét đến các cấu hình khác của hosting, server như dung lượng lưu trữ, RAM, CPU,..Tuy nhiên bạn có thể tối ưu để tiết kiệm chi phí như 2 case study sau :

Sử dụng Cpanel đã cứng tay nên chuyển qua VPS

Các bạn làm website một thời gian, biết cách phát triển cho site và có lượng traffic ngày một tăng thì việc đầu tư cho site một server tốt hơn với tốc độ mượt mà, nhanh là rất cần thiết.

Bạn làm website có traffic tốt, mỗi ngày mấy trăm đến một nghìn lượt truy cập thì đừng lo rằng việc đầu tư $10-$20/tháng cho cái server mượt mà cho site là tốn kém.

Hiện nay có những nhà cung cấp Server VPS rất tốt và được dùng phổ biến như : Vultr, DigitalOcean, Linode… và hầu như đều có coupon hấp dẫn cho tài khoản mới cả.

Ví dụ bạn sẽ được tặng $52 hoặc $32 cho một account reg Vultr mới hoàn toàn, DigitalOcean và Linode cũng tương tự. Coupon thì bạn tự săn khá dễ dàng trên google.

Các bạn trong nhóm blogging của mình hiện đang sử dụng gói Vultr, với Server Hong Kong và tốc độ thì bao mượt cho traffic truy cập ở Việt Nam. Hoặc mình cũng đang sử dụng server Singapore của Linode ở 1 số site và cảm thấy nó chạy rất mượt mà.

Bạn cũng có thể chuyển 1 trang web từ nơi khác về VPS Vultr theo hướng dẫn của mình.

2. Sử dụng themes tối ưu cho tốc độ Website WordPress.

Nếu bạn đang trong giai đoạn tập tành làm blog, hiện nay có 2 nhà cung cấp themes mà mình khuyên các bạn dùng đó là : Genesis (gồm Genesis Framework và bộ Child Theme đi kèm của nó), và Mythemeshop

Sau bạn làm quen rồi sẽ có rất nhiều lựa chọn khác, ví dụ sử dụng Thrive Themes giống mình đang sử dụng, tuy nhiên 2 theme mà mình nói ở trên cực dễ sử dụng cho người mới mà bạn cũng có thể tạo ra nhiều giao diện đẹp ở mọi lĩnh vực .

Trong đó, nếu để kể đến tối ưu tốc độ tối đa cho website wordpress thì hạng 1 vẫn thuộc về Genesis. Mình đã có một bài giải thích chi tiết về nền tảng themes này bạn có thể tham khảo : Genesis Framework là gì? Vì sao bạn nên sử dụng Genesis Themes?

trang-web-genesis

Nhiều bạn cứ thấy themes người ta xài đẹp, nhiều tính năng, giao diện đồ sộ là ham xài. Không nên, vì bạn không phải dân rành tối ư u code, bạn không viết vọc vạch để tối ưu site cho đẹp, gọn thì những cái đó chỉ khiến bạn nhức đầu thêm.

Phần lớn các themes khi bạn active xong ban đầu chẳng bao giờ nó ra đúng giao diện như bạn muốn, những site mẫu như bạn thấy và mê thì người ta cũng có tối ưu code và chỉnh sửa lại rất nhiều rồi.

Còn những themes ở Mythemeshop tuy không nhẹ như Genesis nhưng cũng là tương đối chuẩn và có rất nhiều giao diện đa tính năng, phù hợp hết cho các bạn làm site tin tức hay blog mà không quá cồng kềnh.

Đặc biệt ở Mythemeshop có 1 chức năng đó là import demo, có nghĩa là khi bạn tải các theme về và cài lên website, nó có 1 mục giúp bạn upload file demo hoặc dowload file demo về để import, sau khi import nó giúp site của bạn có giao diện y hệt site mẫu mà Mythemeshop đăng tải ở trên trang chủ của họ. Tính năng này rất hữu dụng và tiện lợi cho người mới.

Như mình đang sử dụng là Thrives themes, nền tảng này thì không còn gì phải bàn thêm về tính ưu việt trong mọi hoàn cảnh của nó, nhưng nếu bạn là người mới bạn không cần dùng đến. Một là nó không gọn, nhẹ và dễ dùng như Genesis hay Mythemeshop, hai là chi phí để sử dụng themes của Thrives cũng không phải rẻ.

3. Không tham lam cài đặt plugins tràn lan!

Trong quá trình làm website, bạn tham khảo web này blog nọ thấy người ta có gì cũng muốn cài theo mà không cân nhắc kĩ xem plugin đó có thật sự cần thiết hay không. Dẫn đến tình trạng có khi một website đơn giản mà gần 20-30 cái plugins thì tình trạng ì ạch là không tránh khỏi.

Người mới nên cài bao nhiêu plugin cho site là đủ ?

Mình có một bài giới thiệu top 10 plugins tối cần thiết mà bạn nên cài cũng như công dụng từng loại plugins và cách cài đặt chi tiết : Các nhóm WordPress Plugin phổ biến cần có khi xây dựng Website WordPress

Chừng này thôi là được, càng về sau bạn làm website lâu rồi có kinh nghiệm hơn và cái nào thật sự cần thiết thì bạn mới cân nhắc cài mà dùng. Như mình đang sử dụng 27 plugins tuy nhiên cái nào cũng có chức năng riêng của nó cả, có thời gian mình sẽ chia sẻ danh sách những plugin mà mình đang sử dụng.

Xóa bỏ những plugin không dùng đến

Nếu đã lỡ cài dư hoặc bạn cài rồi mà không sử dụng đến, hãy deactive các plugins đó và sau đó đảm bảo delete hẳn nó khỏi database của website, nếu không các plugins deactived này cũng vẫn chiếm một dung lượng nhất định trong dữ liệu và có khả năng ảnh hưởng đến tốc độ tải trang của website hoặc khu vực admin.

Để deactive và xóa plugin thì bạn vào Plugin => Installed plugin sẽ thấy danh sách những plugin bạn đã cài đặt, ở đây bạn có thể thực hiện những thao tác vô hiệu hóa và xóa bỏ plugin dễ dàng.

Hoặc 1 cách nữa, nếu bạn vô tình cài 1 plugin nào đó mà nó ảnh hưởng đến việc truy cập khu vực admin, khiến bạn không thể vào khu vực này (lỗi trắng trang hoặc hiển thị lỗi khác), như vậy bạn không thể vào mục plugin để thao tác. Vậy để xóa plugin mới cài thì bạn nên vào phần cài đặt WordPress trên hosting hay server :

  • Ở hosting thì vào Cpanel -> File Manager -> chọn đúng site cần xóa -> wp-includes -> plugins-> và xóa hẳn cái folder plugin mà bạn không cần xài đến.
  • Ở server thì bạn dùng bitvise SSH để kết nối, sau đó tìm đến thư mục cài đặt WordPress, vào wp-includes và làm tương tự như trên

4. Sử dụng tính năng trích đoạn/thu gọn.

Nếu bạn không tùy chỉnh gì thì mặc định WordPress sẽ hiển thị toàn bộ nội dung bài viết + hình ảnh trong bài ra ngoài trang chủ (Homepage) và trang lưu trữ (Archives Page). Điều này sẽ khiến cho Homepage, Tags Page, Categories Page và những trang Archives khác của bạn bị load rất chậm và giảm trải nghiệm người dùng trên site một cách đáng kể.

toi-uu-toc-do-wordpress

Tùy vào từng Themes mà bạn đang sử dụng sẽ có chỗ Themes Options để bạn tùy chỉnh lại phần Post Excerpts hiển thị theo ý muốn. Với Setting chung thì bạn có thể vào Setting -> Reading -> Summary thay vì Full Text.

Tuy nhiên ở blog kiemtiencenter của mình, mình lại chọn để 1 bài full text, các bài còn lại để summary để làm nổi bật lên bài đầu tiên (vì bài này khá quan trọng cho các bạn newbie)

5. Không upload trực tiếp nhạc hay video lên host.

Để bài viết của bạn có video mà bạn muốn người đọc xem, bạn có thể upload nó trực tiếp lên website thông qua việc Add Media và nó sẽ được hiển thị dưới dạng HTML5. Nhưng câu hỏi đặt ra : Tại sao bạn lại up lên host khi đã có sẵn rất nhiều các platform up nhạc, video khác, chẳng hạn như Youtube, Vimeo,…?

Khi upload trực tiếp, site của bạn rất dễ gặp 1 số vấn đề như :

+ Up không được, host báo quá tải, video dung lượng quá to.

+ Up được một cái video, xong gói host hết dung lượng luôn.

+ Lỗi không hiển thị được Video do vấn đề về định dạng nào đó của việc tải video về máy rồi upload lên host trực tiếp.

Youtube là 1 platform tạo bởi Google chuyên dành cho up video, và có hỗ trợ mã embed code để bạn nhúng vào khung soạn thảo wordpress rất dễ dàng. Có vài lựa chọn cho bạn làm được điều này :

Shortcode hỗ trợ responsive video

Chỉ cần chọn shortcode đó, nó sẽ hiển thị chỗ cho bạn dán link URL của video Youtube/Vimeo/Dailymotion, bạn copy paste cái URL bỏ qua là xong hết ! Ví dụ như cái ThriveShortcode của mình:

toi-uu-website-wordpress-1

Nhúng mã embed code của Youtube vào phần text của khung soạn thảo.

Cách này thì bạn không cần cài gì thêm, chỉ cần vào Youtube, mở Video bạn đang muốn đưa vào website, chọn Share => Embed rồi copy mã quay lại khung soạn thảo bài viết trên WordPress => Mở qua tab Text (thay vì Visual) sau đó dán paste đoạn embed code đó vào là xong.

Ngoài ra bạn còn có thể tùy chỉnh kích thước khung phát video :

dua-video-vao-website

6. Sử dụng bộ nhớ đệm – Cache plugins.

Sử dụng bộ nhớ đệm giúp tăng tốc tốc độ tải trang cho website của bạn. Nó làm việc bằng cách lưu lại cache cho những traffic đã vào site bạn, từ đó giúp tốc độ tải trang cho những lần truy cập sau của người đó nhanh chóng hơn rất nhiều.

tang-toc-website-wordpress-1

Những plugins Cache khuyên dùng đó là :

Trong đó W3 Total Cache phổ biến nhất và khá nhiều bài hướng dẫn đã có trên mạng rồi.

WP Rocket nếu bạn có điều kiện kinh tế để sử dụng thì nó gần như là 1 sự lựa chọn khá tốt, vì cấu hình không phức tạp như W3 Total Cache, rất dễ sử dụng. Nhưng đây là plugin trả phí chỉ dành cho bạn nào có điều kiện.

7. Tối ưu hình ảnh đúng cách.

Nếu như bạn đang upload ảnh dung lượng lớn thẳng lên bài viết thì sẽ dễ bị down time host và với những ảnh kích thước lớn, khi người dùng truy cập, tốc độ tải trang sẽ rất lâu gây ảnh hưởng đến trải nghiệm. Trường hợp này có rất nhiều bạn gặp phải vì hầu như người mới đều lấy ảnh tìm được trên mạng và chèn vào bài viết mà không để ý đến việc ảnh đó có nặng không, kích thước bao nhiêu.

toi-uu-hinh-anh

Tối ưu hình ảnh cho website bằng Photoshop

+ Luôn Resize kích cỡ ảnh trước khi upload. Sử dụng Photoshop -> Mở ảnh ra -> Image -> Image Size -> và chọn lại chiều rộng cho ảnh vừa cỡ với chiều rộng website của bạn. (mình thường để từ 700-1000px tùy trang). Nhiều bạn không làm bước này để ảnh rộng lên vài ngàn, nhưng dù nó to nó cũng chỉ hiển thị vừa đủ trên website bạn thôi, vì vậy bước resize này sẽ giúp bạn giảm kha khá dung lượng ảnh xuống

+ Bước 2 : Tối ưu dung lượng bằng Photoshop : Sau khi resize, bạn chọn File -> Save For Web -> Quality 70-80 là ổn và nên để định dạng ảnh JPEG cho nó nhẹ. Sau khi tối ưu ảnh bằng PTS rồi thì ảnh của bạn có thể xấp xỉ dung lượng tầm 100kB trở lại là ổn và bạn có thể lưu ảnh lại và sử dụng ảnh đã qua chỉnh sửa để up lên website

Những thao tác này rất dễ sử dụng ở Photoshop, bạn nào mà nói không biết sử dụng Photoshop là không được nhé, ở đây bạn chỉ sử dụng những thao tác cực cơ bản chứ chưa đụng gì đến chỉnh sửa hình ảnh nâng cao cả.

Sử dụng plugin nén ảnh/ dịch vụ nén ảnh.

Nếu bạn không muốn tối ưu thủ công bằng tay như vậy thì bạn có thể sử dụng plugin nén ảnh, tuy nhiên mình vẫn thích sử dụng Photoshop hơn, lựa chọn cái nào thì tùy bạn

Plugin nén ảnh hiện nay có rất nhiều loại tốt, thường dùng nhất là Kraken và WP Smush. Với Kraken thì bạn có thể không cần bỏ tiền mua, bạn có thể sử dụng tính năng nén ảnh free của Kraken tại đây : https://kraken.io/web-interface

Khi dùng free, bạn sẽ không có được tính năng Resize ảnh (tính năng này mình đã bày cách làm bằng PTS rồi nên bạn không cần tốn tiền cho nó) , nhưng bạn được dùng thoải mái tính năng Nén ảnh -> Lossy là cái mình khuyên dùng.

cach-tang-toc-website

Kéo thả ảnh từ máy tính bạn qua và Kraken sẽ tối ưu lại dung lượng cho bạn. Như vậy là xong !

Kết luận.

Bạn có thể thấy những lời khuyên trên này phải nói là “cực cơ bản” khi bạn mới tiếp cận với việc làm website. Mình chưa đạt đến trình độ để viết 1 bài nâng cao về tối ưu hóa tốc độ website ở thời điểm hiện tại, tuy nhiên mình sẽ tiếp tục tìm tòi để có thể 1 ngày nào đó sẽ có thể chia sẻ những kiến thức nâng cao hơn.

Nếu bạn có cách tối ưu tốc độ nào hay ho, hãy comment dưới đây, mình đang rất cần những thông tin này để tối ưu cho blog của mình. Chúc bạn 1 ngày làm việc hiệu quả.

Đôi chút về Thế Khương

Kiếm tiền online với mảng affiliate marketing từ 2013. Ngoài việc luôn luôn học hỏi những kiến thức mới và chia sẻ trên kiemtiencenter thì mình đã thành công trong việc xây dựng một cộng đồng MMO đỉnh cao với ~2000 thành viên.

Tìm hiểu về Team MMO của mình
Xem tất cả bài viết

Bạn có thể theo dõi mình trên Facebook để nhận các tin tức, xu hướng kiếm tiền online mới nhất :

Hoặc có thể đăng ký nhận bản tin Kiemtiencenter qua email. Nếu có hình thức MMO nào đang nóng, mình sẽ gửi cho bạn đầu tiên. Nhấn vào đây để đăng ký nhé !!!

GỢI Ý !!!

Nhóm kiếm tiền với Accesstrade của mình đang mở cửa miễn phí hôm nay, hãy tham gia trước khi group này thành khu vực trả phí !!! bấm vào đây để xem chi tiết.

Để lại câu hỏi và mình sẽ hồi âm trong thời gian tối đa 24 giờ :

Hãy là người đầu tiên bình luận.

avatar
wpDiscuz