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. 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ủaTacdat.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ã: <?php bloginfo('template_url'); ?> và <?php echo get_template_directory_uri(); ?> hoặc <?php bloginfo('url') ?> và <?php echo site_url() ;?> Mã: <link href="<?php echo get_template_directory_uri(); ?>/style.css" rel="stylesheet"> 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 <link href="wp-content/themes/tincay/style.css" rel="stylesheet"> 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 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 <div style="">...</div> 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ẻ <head> CSS </head> 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 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. 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 ## <IfModule mod_expires.c> 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" </IfModule> ## EXPIRES CACHING ## 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 <ifModule mod_gzip.c> 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.* </ifModule> 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. Xem chi tiếtHow 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 hiểu. Không dùng plugins vì nó có sẵn rồi, mấy cái hình minh họa và nội dung đã nói lên điều đó. Cứ ngỡ bác tối ưu COde PHP hay .net gì đó!
Ngay khi cài đặt wordpress hình như nó đã cài sẵn cái super cache lite gì đó rồi đấy. Nó sẽ tự tối ưu tốc độ cho bạn. Ngoài ra, bạn nên tối ưu ảnh iếc các thứ nữa nhé
