1. Hiện tại có một số member mạo danh BQT để giao dịch trên diễn đàn và đã LỪA ĐẢO khá nhiều tại chuyên mục Adwords... Mọi người cảnh giác và đọc bài: Giới thiệu giao dịch đảm bảo bởi @Admin

Cách tăng tốc Wordpress website không cần dùng plugin

Thảo luận trong 'Onpage Seo - Tối ưu các yếu tố trên trang web' bắt đầu bởi lamvt, 7/4/14.

Lượt xem: 42,412
  1. lamvt

    lamvt Cựu Administrator

    Gia nhập:
    14/9/11
    Bài viết:
    973
    Đã được thích:
    1,123
    Web:
    Wordpress là 1 CMS được đánh giá cao về sự đơn giản, tốc độ, và tối ưu, tuy nhiên đó là bạn dùng với các thiết lập mặc định của nó.
    Chính sự đơn giản của WP đã cho phép người dùng can thiệp nhiều hơn đến hệ thống, do đó tốc độ và sự tối ưu đó phụ thuộc nhiều vào chính người sử dụng.
    Hãy hình dung: bạn đi 1 chiếc xe tốt, nhưng bạn khoác lên nó nhiều thứ rườm rà (các plugin, theme...) khiến cho nó trở nên ì ạch, thiếu chuyên nghiệp thì chiếc xe của bạn cũng khó lòng tranh giải trong cuộc đua lớn, may chăng được giải Phong Cách :)
    Vì vậy việc tối ưu tốc độ web Wordpress sẽ cải thiện nhiều đến khả năng cạnh tranh về SEO cho website của bạn.
    Từ năm 2010, trong blog của mình, Matt Cutts đã nói: Google sử dụng tốc độ load của trang web là một trong những tiêu chí quan trọng để xếp hạng trang web của bạn.
    Như vậy với một bộ máy tìm kiếm thông minh của Google như hiện nay, hơn lúc nào hết, tốc độ load của trang web là hết sức quan trọng, nó ảnh hưởng rất lớn đến kết quả trong bảng xếp hạng SERP. Theo khuyến cáo của GOOGLE một trang web có tốc độ load tốt ở vào khoảng dưới 5 giây, và sẽ tuyệt vời nếu tốc độ load trang của bạn dưới 3 giây.
    Vậy bạn đã và đang làm gì để cải thiện điều này, sau đây là một vài lời khuyên giúp bạn cải thiện tốc độ trang web Wordpress cũng như tối ưu cho SEO.
    A. Tối ưu hóa các giá trị từ phía người dùng
    Phần này sẽ cung cấp các giá trị tối ưu hóa mà bản thân webmaster dễ dàng quản trị

    I. Điều quan trọng nhất cho sự khởi đầu là tìm cho mình một nhà cung cấp hosting chất lượng.
    Một hosting chất lượng đảm bảo tốc độ và sự ổn định cho website của bạn, hãy hình dung nếu host quá chậm thêm nữa đường truyền internet của người dùng không tốt, người dùng vào mở trang web của bạn sẽ chán nản và người ta sẽ chọn mở trang khác trong kết quả tìm kiếm, như vậy mọi cơ hội của bạn đã qua đi.
    Vì vậy bạn nên chọn host cho phù hợp với khu vực của bạn, ví dụ ở VN nên chọn host Việt Nam: Host Việt tốt nhất được khuyên dùng
    Trong bài này tôi xin giới thiệu để các bạn xem qua tốc độ Load của 1 số site mà tôi trực tiếp tư vấn:
    1. Với shared host các bạn check thử tốc độ của 2 trang web sau:
    a. Website của CÔNG TY CỔ PHẦN ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ TIN CẬY
    b. Website của CÔNG TY CỔ PHẦN SÀI GÒN HOA
    2. Với VPS các bạn check thử tốc độ của Tacdat.vn - An cư gia đình Việt!

    II. Wordpress theme

    Bản thân Wordpress đã rất đơn giản,vì vậy một theme đơn giản sẽ tạo cho website của bạn có tốc độ load tốt hơn.
    Cũng như đối với bất kỳ CMS nào, sự đơn giản đều đến từ HTML - CSS.
    Đa số các coder (các bạn trẻ) hiện nay đánh giá thấp HTML - CSS, nhưng chúng ta nên hiểu rằng cho dù bạn dùng ngôn ngữ gì (PHP, DOTNET...) đều đưa giá trị ra cho trình duyệt,vì vậy điểm cuối và tối quan trọng đó là HTML CSS.
    Một theme có quá nhiều PHP, JavaScript, Iframe sẽ gây vất vả cho web server và browser, điều này ảnh hưởng rất không tốt đến tốc độ trang web của bạn,cũng như làm tốn tài nguyên, băng thông....
    Các theme mặc định của Wordpress là rất tốt và rất nhẹ nhàng. vì vậy nếu 1 blog cá nhân nho nhỏ, tôi khuyên bạn nên dùng mặc định.
    Còn đối với 1 website cần của công ty, hay một nhóm kinh doanh nên tự code cho mình 1 theme.
    Nếu các bạn hiều về code hoặc có thể view source code các bạn có thể xem qua một số trang sử dụng rất hạn chế Javascripts và CSS như:
    a. Website của CÔNG TY CỔ PHẦN ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ TIN CẬY
    b. Website của CÔNG TY CỔ PHẦN SÀI GÒN HOA
    Các bạn muốn code riêng cho mình một theme thì cũng có thể tham khảo bài viết sau:
    How To Create Responsive WordPress Theme From Scratch with Bootstrap – Twitter

    Nếu các bạn cần sự trợ giúp: đừng ngần ngại để lại comments trong bài viết hoặc liên hệ trực tiếp với Lamvt.

    III. Tối ưu hóa Database.
    Có nhiều các pluing để tối ưu hóa database, việc làm này sẽ giúp cải thiện website của bạn đáng kể để xóa tất cả các pending spam comments, trashed posts, auto-saved drafts, post revisions

    IV. Tối ưu hóa code trong theme của bạn.
    Thông thường chúng ta vẫn nghĩ rằng, việc dùng PHP so với HTML sẽ chẳng ảnh hưởng nhiều đến tốc độ, tuy nhiên việc làm này sẽ khiến ra tăng các truy vấn không đáng có đến server,
    Xin ví dụ cụ thể trường hợp sau, hay xảy ra trong header.php và footer.php/\
    Mã:
     hoặc 
    Mã:
    Thay vì làm điều này các bạn có thể thay thế chính xác bằng đường dẫn của website bạn với HTML


    V. Tối ưu hóa Javascripts

    Đối với các code JS do bạn viết, cố gắng Inline và tối ưu hóa nó sau khi hoàn thiện, tránh khoảng trắng, trống + các comments.
    Đối với các Plugin và các thư viện JS như jQuery... thì nên dùng các bản min hoặc zipped của nó và nếu có thể thì nên dùng CDN.
    Miễn phí tới tận 100 GB Vietnam CDN

    VI.Tối ưu hóa Css của bạn.

    Các file css của bạn nên tập trung lại 1 file duy nhất, không nên phân tán nhiều khiến ra tăng các truy vấn.
    cũng như JS, các file CSS cũng nên Inline và dùng các bản Min, Zipped đối với các plugin hay thư viện khác.
    các bạn có thể tham khảo File css Inline như sau http://saigonhoa.com/wp-content/themes/kimvy/style.css

    VII.Vị trí các file JS và CSS

    CSS trong Head và JS trong Body là điều khuyên dùng.
    Đừng bao giờ dùng kiểu
    ...
    mà hãy đặt các thuộc tính ID và Class cho các thẻ tag của bạn sau đó sử dụng chung trong CSS file, và hãy nhớ đặt file CSS trong thẻ CSS
    Còn đối với JS, cũng như vậy, hạn chế đặt ở trong head,mà hãy để các file JS load cuối cùng trước khi đóng thẻ < /body>
    Điều này tuân theo nguyên lý đọc các thẻ ưu tiên của Browser.

    VIII. Thường xuyên update
    Thường xuyên update WP CMS và các plugin là việc làm không thể thiếu đối với bất kỳ webmaster nào.
    Việc duy trì các plugin, + hệ thống là tối cần thiết, nếu bạn không muốn một ngày đẹp trời với hacker.

    IX. Và quan trọng nếu bạn có một thiết kế Tùy Ứng (Responsive web design - RWD)
    Thiết kế RWD hay Tùy ừng (vừa mượn bên VNexpress khái niệm này :) ) sẽ là lựa chọn số một hiện nay.
    Các bạn có thể tham khảo thêm các bài:
    1. Để thiết kế riêng cho mình 1 giao diện tùy ứng: How To Create Responsive WordPress Theme From Scratch with Bootstrap – Twitter
    [​IMG]
    2. Chủ đề: SEO ONPAGE 2013 - Tối ưu code Responsive Design & Mobile SEO
    3.Chủ đề: Tối ưu hóa trang web của bạn với PageSpeed Insights

    X. Tối ưu hóa hình ảnh.
    Ngày nay, các máy ảnh với độ phân giải lớn ngày càng đua nhau phát triển, vì vậy đối với các ảnh của bạn sử dụng cho website nên cần tối ưu lại trước khi đem upload vào website
    Tôi từng được nhờ kiểm tra vài website, trong đó có bạn sử dụng cả ảnh kích thước trên 1000px cho giá trị thumbnail 90px bằng việc load cả cái ảnh to đùng sau đó cố gắng ép nó trong HTML CSS: WIDTH HEIGHT
    Vì vậy việc quan trọng là bạn dùng kích thước bao nhiêu, nên sử lý để lấy kích thước tương ứng trước khi viết bài.
    [​IMG]

    B. Tối ưu hóa các giá trị từ SERVER, Browser
    I. Browser caching
    Mỗi khi trình duyệt load về 1 trang web, nó sẽ tải về các giá trị từ JS CSS images.
    và lưu lại các giá trị này để sử dụng cho lần kế tiếp trong khoảng thời gian nhất định.
    Để làm được điều này các bạn cần thêm dòng code sau vào .htacess
    Mã:
    ## EXPIRES CACHING ##
    
    ExpiresActive On
    ExpiresByType image/jpg "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType text/x-javascript "access plus 1 month"
    ExpiresByType application/x-shockwave-flash "access plus 1 month"
    ExpiresByType image/x-icon "access plus 1 year"
    ExpiresDefault "access plus 2 days"
    
    ## EXPIRES CACHING ##
    [​IMG]
    Tham khảo chi tiết link sau:
    Page Speed: Leverage browser caching gtmetrix

    II. Enable gzip compression

    Điều này sẽ giúp bạn giảm kích thước của tập tin và tốc độ load sẽ cải thiện nhiều.
    Thêm đoạn code sau vào .htacess
    Mã:
    # compress text, HTML, JavaScript, CSS, and XML
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    
    # remove browser bugs
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
    Header append Vary User-Agent
    
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
    
    [​IMG]

    Xem chi tiết tại:
    Enable Gzip Compression for gtmetrix page speed


    III. Enable Keep-Alive
    Bật Keep - Alive làm tăng tốc độ website cảu bạn lên rất nhiều,
    để làm điều này các bạn add đoạn code sau và .htacess.
    [​IMG]

    Xem chi tiết How to Enable keep alive GTmetric Page Speed



    Thảo luận:

    SEO theo đa nghĩa rất rộng, và theo các yếu tố của Google cũng rất lớn, để góp phần vào cải thiện các yếu tố đánh giá website của bạn thì mỗi thành phần yêu tố đó đều phải được đáp ứng theo chuẩn mực của mỗi công cụ đánh giá.
    Nhiều bạn hiện nay chỉ chú trọng SEO từ khóa, mà quên đi rằng cái tổng thể (hay SEO tổng thể - hoặc tối ưu hóa tổng thể toàn bộ website) mới là yếu tố quyết định thành công và bền vững.

    Các bạn có thể tham khảo các bài viết cùng tác giả:

    Chủ đề: 9 điều quan trọng khi bắt tay vào nhận SEO website

    Chủ đề: Tối ưu hóa trang web của bạn với PageSpeed Insights

    Chủ đề: Những điều cần làm khi website bị Google Banned

    Chủ đề: Top 20 Thủ Thuật SEO: Để có thứ hạng cao trong bảng xếp hạng 2013

    Chủ đề: 10 cách tốt nhất để làm tăng khách đăng ký và lượng truy cập trang web

    Chủ đề: Tại sao Google không index trang web của bạn

    Chủ đề: Tại sao Google cấm trang web của bạn?

    Chủ đề: Các suy nghĩ Sai lầm về SEO

    bài viết xin gửi tặng Mr.Cứ, Mr Đăng, Mrs. Vy cùng thegioiđặt cược bet365_trang web chính thức của bet365_bet365 không thể mở.com

  2. oto2233

    oto2233 Top 9

    Gia nhập:
    14/9/13
    Bài viết:
    417
    Đã được thích:
    4
    Re: Cách tăng tốc Wordpress website không cần dùng plugin.

    cách này cũng khá là hay, nếu mua gói hosting tốc độ cao nữa thì chất lượng load web rất nhanh.
  3. khatv0ng

    khatv0ng Top 9

    Gia nhập:
    14/3/14
    Bài viết:
    123
    Đã được thích:
    1
    Re: Cách tăng tốc Wordpress website không cần dùng plugin.

    Trong mục X. Tối ưu hóa hình ảnh.
    bác nói ro hơn được không
    Cụ thể khoảng bao nhiêu ảnh/ bài viết giới thiệu sản phẩm bình thường
    Dung lượng ảnh, kích thước ảnh nữa
  4. DKiss9x

    DKiss9x Top 8

    Gia nhập:
    7/11/12
    Bài viết:
    260
    Đã được thích:
    49
    Web:
    Re: Cách tăng tốc Wordpress website không cần dùng plugin.

    Không liên quan. Như cái temp trên ví dụ đẹp quá. Làm cái giới thiệu sản phẩm chắc ngon
  5. saudom

    saudom Top 8

    Gia nhập:
    21/10/13
    Bài viết:
    334
    Đã được thích:
    28
    Nơi ở:
    ha noi
    Web:
    Re: Cách tăng tốc Wordpress website không cần dùng plugin.

    tacdat.vn đâu có phải wordpress đâu anh. các bác đánh giá xem web mua bán vinhomes này viethomes.vn có nhanh không ạ
    Last edited: 7/4/14
  6. huatamphong

    huatamphong Top 9

    Gia nhập:
    2/11/13
    Bài viết:
    49
    Đã được thích:
    1
    Re: Cách tăng tốc Wordpress website không cần dùng plugin.

    Hic, làm hết những việc này thì phải là một chuyên gia đỉnh cao chứ newbie thì không gặm nổi.
    Tốt nhất mua host chất lượng.
    Bài quảng cáo của Bác chủ thớt hay chịu không nổi.
  7. giadat

    giadat Top 9

    Gia nhập:
    24/3/14
    Bài viết:
    36
    Đã được thích:
    0
    thanks, hoc hoi
  8. msweb.vn

    msweb.vn Top 9

    Gia nhập:
    24/12/13
    Bài viết:
    106
    Đã được thích:
    8
    Web:
    Sử dụng PHP để tạo đường dẫn tương đối so với dùng html để đưa trực tiếp đường dẫn tuyệt đối vào theo mình cũng không ảnh hướng gì lớn tới tốc độ load trang , một web developer thường rất ít khi sử dụng đường dẫn tuyệt đối cho website của họ , có thể mở tất cả các theme của những nhà cung cấp hàng đầu ra và thấy họ không bao giờ đưa đường dẫn tuyệt đối vào.
  9. Mr.N2

    Mr.N2 Top 7

    Gia nhập:
    17/11/11
    Bài viết:
    105
    Đã được thích:
    107
    Cũng có nhưng mắt thường nhìn thấy không được, máy tính tính toán càng lúc càng nhanh nên để PHP như bạn nói là hợp lý, đó là chưa kể đến tiết kiệm thời gian trong lập trình.
  10. tincay

    tincay Top 9

    Gia nhập:
    8/2/14
    Bài viết:
    31
    Đã được thích:
    2
    Đúng là hay không chịu nổi luôn.
    Còn tối ưu hóa hình ảnh thì cả một vấn đề đấy. Khó phết.
  11. thinhanphatjsc

    thinhanphatjsc Top 9

    Gia nhập:
    17/3/14
    Bài viết:
    45
    Đã được thích:
    3
    Web:
    Thanks bác nhiều nhé, rất hữu ích.
  12. lamvt

    lamvt Cựu Administrator

    Gia nhập:
    14/9/11
    Bài viết:
    973
    Đã được thích:
    1,123
    Web:
    Biện minh của bạn hoàn toàn chưa Tối Ưu
    ""có thể mở tất cả các theme của những nhà cung cấp hàng đầu ra và thấy họ không bao giờ đưa đường dẫn tuyệt đối vào""
    Điều này chuẩn không cần chỉnh, nhưng nếu họ add vào thì bán cho ai??
    Vì vậy căn bản là họ làm vậy để bất kỳ người dùng nào cũng có thể dễ dàng cài đặt trên domain của họ, nhưng đối với mỗi cá nhân cụ thể thì nên fix cứng đường dẫn của riêng site mình.

    "Sử dụng PHP để tạo đường dẫn tương đối so với dùng html để đưa trực tiếp đường dẫn tuyệt đối vào theo mình cũng không ảnh hướng gì lớn tới tốc độ load trang ,"
    Chính xác, không ảnh hưởng lớn, nhưng nhiều cái không ảnh hưởng lớn sẽ tạo thành Ảnh Hưởng khá lớn
    Vì vậy người ta mới gọi là Tối Ưu

    Xin lưu ý là tất cả ngôn ngữ PHP, DOTNET.... đều đưa ra trình duyệt dạng HTML - CSS

    Thân mến
  13. hientm

    hientm Top 9

    Gia nhập:
    3/10/13
    Bài viết:
    203
    Đã được thích:
    8
    Web:
    có những theme đẹp quá, nhưng toàn css, flash, cái đó thì không tốt với google nhưng với khách hàng có thể mang lại ấn tượng, đem lại sự khác biệt với site khác.
  14. msweb.vn

    msweb.vn Top 9

    Gia nhập:
    24/12/13
    Bài viết:
    106
    Đã được thích:
    8
    Web:
    Mình không nói tới những nhà phát triển template và bán ra cho nhiều người vì trước giờ cũng được xem qua nhiều source code của 1 số công ty có tiếng về thiết kế web, cũng rất ít gặp trường hợp họ chèn link tuyệt đối vào website, mình thì mới đá qua SEO nên cũng không biết nhiều nhưng đối với dân lập trình thì một điều gần như chắc chắn đó là họ sẽ không bao giờ được làm hard code như vậy . Trong trường hợp website thay domain,đổi tên thư mục,.... thì công việc sửa lại sẽ rất là nhiều, Vì thế mình so sánh giưa cái được và mất giữa đưa link tuyệt đối và đưa link tương đối để chọn ra cái có lợi nhất cho người sử dụng. Đây cũng là ý kiến cá nhân mong bạn góp ý thêm về vấn đề này
  15. nguyendattai

    nguyendattai Top 9

    Gia nhập:
    2/11/12
    Bài viết:
    34
    Đã được thích:
    5
    Cám ơn bài viết của bác.
  16. lamvt

    lamvt Cựu Administrator

    Gia nhập:
    14/9/11
    Bài viết:
    973
    Đã được thích:
    1,123
    Web:
    Vì vậy căn bản là họ làm vậy để bất kỳ người dùng nào cũng có thể dễ dàng cài đặt trên domain của họ, nhưng đối với mỗi cá nhân cụ thể thì nên fix cứng đường dẫn của riêng site mình.
  17. tincay

    tincay Top 9

    Gia nhập:
    8/2/14
    Bài viết:
    31
    Đã được thích:
    2
    Oh, host die liên quan gì tới tối ưu nhỉ?
    viethien76 thích bài này.
  18. thanhxuan395

    thanhxuan395 Top 9

    Gia nhập:
    4/8/13
    Bài viết:
    282
    Đã được thích:
    15
    Web:
    sax, host die mà lại ko! =))
  19. thietkewebgroupon

    thietkewebgroupon Top 9

    Gia nhập:
    30/12/13
    Bài viết:
    46
    Đã được thích:
    4
    Web:
    Bài viết quá chất. Cứ tưởng mình đã tối ưu hết rồi. Giờ check list thấy sót còn nhiều quá

Nội quy khi thảo luận:

Dù bạn có cố tình spam bằng cách nào khi BQT diễn đàn phát hiện sẽ lập tức banned nick và xoá toàn bộ bài viết của bạn. Ngoài ra khi phát hiện ra Spam hãy gửi thông báo cho BQT diễn đàn. Hãy suy nghĩ trước khi hành động..!
✓ Khi muốn trả lời ai đó, bạn gõ @ cộng thêm nick diễn đàn của người đó phía sau @, giống như tag tên trên Facebook.
✓ Yêu cầu khi bình luận, bạn phải gõ chữ rõ ràng, không viết tắt, gõ tiếng Việt đầy đủ dấu câu.
✓ Nên dùng font chữ mặc định của diễn đàn, không tô màu lòe loẹt hay dùng size chữ quá lớn khi bình luận.
✓ Bài viết, comment... không được phép quảng cáo dịch vụ, rao vặt, pr... Loại trừ ở chuyên mục Rao vặt đã cho phép.
✓ Nghiêm cấm các chủ đề dạng: Cứu em với, help me, giật tít, câu view... dưới mọi hình thức.
✓ Tất cả các thành viên tham gia diễn đàn cần đọc kỹ Nội quy chung và nghiêm túc tuân thủ.


Chia sẻ trang này

Đang tải...