giải pháp tăng tốc website Archives - Cao Đẳng FPT M?ng c c??c bng ? xét tuyển //westview-heights.com/tag/giai-phap-tang-toc-website Cao Đẳng FPT M?ng c c??c bng ? tuyển sinh theo hình thức xét tuyển h?sơ. Tiêu chí đào tạo: Thực học ?Thực nghiệp! Sat, 14 Aug 2021 03:30:38 +0000 vi hourly 1 //wordpress.org/?v=6.4.1 //westview-heights.com/wp-content/uploads/cropped-logo-fpt-32x32.png giải pháp tăng tốc website Archives - Cao Đẳng FPT M?ng c c??c bng ? xét tuyển //westview-heights.com/tag/giai-phap-tang-toc-website 32 32 Các giải pháp tăng tốc Website một cách hiệu qu?/title> <link>//westview-heights.com/tin-noi-bat/cac-giai-phap-tang-toc-website-mot-cach-hieu-qua.html</link> <comments>//westview-heights.com/tin-noi-bat/cac-giai-phap-tang-toc-website-mot-cach-hieu-qua.html#respond</comments> <dc:creator><![CDATA[Duy Quang]]></dc:creator> <pubDate>Sat, 14 Aug 2021 03:30:38 +0000</pubDate> <category><![CDATA[Poly's Blog]]></category> <category><![CDATA[Tin nổi bật]]></category> <category><![CDATA[Tin tức Poly]]></category> <category><![CDATA[b?môn Công ngh?thông tin]]></category> <category><![CDATA[Cao đẳng FPT M?ng c c??c bng ? ]]></category> <category><![CDATA[cao đẳng FPT M?ng c c??c bng ? H?Chí Minh]]></category> <category><![CDATA[giải pháp tăng tốc website]]></category> <category><![CDATA[Trường Cao đẳng FPT M?ng c c??c bng ? ]]></category> <guid isPermaLink="false">//westview-heights.com/?p=149658</guid> <description><![CDATA[<p>Những yếu t?nào làm website chạy chậm? Muốn website hoạt động nhanh hơn thì phải làm  sao?  Bạn s?có lời giải đáp qua bài viết này. TẠI SAO CẦN TĂNG TỐC? Tốc đ?website là một yếu t?...</p> <p>The post <a href="//westview-heights.com/tin-noi-bat/cac-giai-phap-tang-toc-website-mot-cach-hieu-qua.html">Các giải pháp tăng tốc Website một cách hiệu qu?/a> appeared first on <a href="//westview-heights.com">Cao Đẳng FPT M?ng c c??c bng ? xét tuyển</a>.</p> ]]></description> <content:encoded><![CDATA[<p style="text-align: justify;"><strong>Những yếu t?nào làm website chạy chậm? Muốn website hoạt động nhanh hơn thì phải làm  sao?  Bạn s?có lời giải đáp qua bài viết này.</strong></p> <p style="text-align: justify;"><strong>TẠI SAO CẦN TĂNG TỐC?</strong></p> <p style="text-align: justify;">Tốc đ?website là một yếu t?quan trọng trong vận hành. Website chạy nhanh giúp người dùng thoải mái s?dụng, tiết kiệm thời gian. Website chạy nhanh cũng là yếu t?đ?Google hiện ?th?hạng cao trong kết qu?tìm kiếm. Vì vậy nếu biết cách tăng tốc, website s?chạy nhanh, được đánh giá cao và d?dàng tiếp cận người dùng.</p> <p style="text-align: justify;"><strong>MÔ HÌNH HOẠT ĐỘNG CỦA WEB</strong></p> <p style="text-align: justify;">Trong mô hình hoạt động của dịch v?web, khi user muốn xem 1 trang web (bằng cách gõ địa ch? nhắp 1 link hoặc submit form) thì browser s?tạo request, http s?vận chuyển request đến server. Web server s?chuyển cho chương trình x?lý web động (PHP) đ?tạo nội dung, PHP s?tương tác với database đ?lấy d?liệu…Th?t?các bước c?th?như sau:</p> <ol style="text-align: justify;"> <li>User gõ 1 địa ch?hoặc nhấp 1 link hoặc submit form.</li> <li>Request được http vận chuyển qua h?thống mạng đến server .</li> <li>Server x?lý : nếu là trang html thì Apache đọc file html đ?v?ngay. Nếu user request trang động thì apache s?chuyển v?cho chương trình x?lý web động.</li> <li>Khi code html đ?v? browser s?x?lý: các  tab nào chứa tài nguyên bên ngoài s?tiếp tục tạo request đ?lấy tiếp v?(img, link, script, audio, video)</li> </ol> <p><img fetchpriority="high" decoding="async" class="wp-image-149661 aligncenter" src="//westview-heights.com/wp-content/uploads/1-119.png" alt="" width="700" height="227" srcset="//westview-heights.com/wp-content/uploads/1-119.png 916w, //westview-heights.com/wp-content/uploads/1-119-314x102.png 314w, //westview-heights.com/wp-content/uploads/1-119-500x162.png 500w, //westview-heights.com/wp-content/uploads/1-119-768x249.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><strong>CÁC GIẢI PHÁP TĂNG TỐC WEBSITE</strong></p> <p style="text-align: justify;">Sau đây là hướng dẫn thực hiện các giải pháp tăng tốc website, giúp cho website chạy nhanh hơn:</p> <ol style="text-align: justify;"> <li>Server hosting: V?trí và kh?năng server</li> <li>Phương pháp giảm bớt request</li> <li>Tối ưu với MySQL Database.</li> <li>Nén code html tr?v?cho browser</li> <li>Client cache với htaccess</li> <li>Server file caching</li> </ol> <p style="text-align: justify;">Chi tiết từng giải pháp tăng tốc website: mời bạn tiếp tục xem bên dưới nhé.</p> <p style="text-align: justify;"><strong>1. Server hosting ?v?trí và kh?năng server</strong></p> <p style="text-align: justify;">Giải pháp tăng tốc th?nhất là chọn server hosting: v?trí hosting phải gần với đa s?người dùng và kh?năng server phải cao thì website mới có th?chạy nhanh.</p> <p style="text-align: justify;"><strong>V?v?trí server hosting:</strong> Hình dưới là mô hình cáp quang kết nối xuyên lục địa của một hãng cáp. Hãy tưởng tượng bạn đang chọn 1 server ?M?hay Chile, khi đó request t?1 người ?Việt Nam phải qua chặng đường xa mới đến được server đ?lấy website và quay v?, dẫn đến website chạy chậm với người dùng.. Do đó hãy chọn hosting ?server có v?trí địa lý gần với phần lớn người dùng nhé.</p> <p><img decoding="async" class="aligncenter wp-image-149662" src="//westview-heights.com/wp-content/uploads/2-328.jpg" alt="" width="700" height="299" srcset="//westview-heights.com/wp-content/uploads/2-328.jpg 1024w, //westview-heights.com/wp-content/uploads/2-328-314x134.jpg 314w, //westview-heights.com/wp-content/uploads/2-328-500x214.jpg 500w, //westview-heights.com/wp-content/uploads/2-328-768x329.jpg 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><strong>V?kh?năng server</strong>: Hãy chọn server công ngh?cao (CPU, RAM, Đĩa) s?giúp thực thi web nhanh hơn, kh?năng server th?hiện qua gói hosting của nhà cung cấp hoặc các thông s?k?thuật của server. Server chất lượng cao tất nhiên chạy nhanh hơn server giá r?</p> <p><img decoding="async" class="wp-image-149663 aligncenter" src="//westview-heights.com/wp-content/uploads/3-64.png" alt="" width="700" height="303" srcset="//westview-heights.com/wp-content/uploads/3-64.png 1024w, //westview-heights.com/wp-content/uploads/3-64-314x136.png 314w, //westview-heights.com/wp-content/uploads/3-64-500x216.png 500w, //westview-heights.com/wp-content/uploads/3-64-768x332.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Các trang web tham khảo v?các gói hosting:</p> <ul style="text-align: justify;"> <li><a href="//www.pavietnam.vn/vn/thue-server-rieng.html">pavietnam.vn/vn/thue-server-rieng.html</a></li> <li><a href="//www.pavietnam.vn/vn/hosting.html">pavietnam.vn/vn/hosting.html</a></li> <li><a href="//www.matbao.net/server/cloud-server.html">matbao.net/server/cloud-server.html</a></li> <li><a href="//www.matbao.net/hosting/cloud-hosting.html">matbao.net/hosting/cloud-hosting.html</a></li> </ul> <p style="text-align: justify;"><strong>2. Giảm bớt request ?s?lượng và dung lượng</strong></p> <p style="text-align: justify;">Giải pháp tăng tốc website th?hai là giảm bớt s?lượng tài nguyên bên ngoài cần nạp vào trang web (hình ảnh, css, js web font) , đồng thời giảm bớt dung lượng (đ?lớn) của các file tài nguyên ?đặc biệt là file hình xuống đến mức đ?vừa đ?dùng.</p> <p style="text-align: justify;"><strong><em>a. Giảm s?lượng tài nguyên ngoài trang</em></strong></p> <p style="text-align: justify;">Giảm bớt s?lượng hình, s?lượng file css, file javascript, s?lượng web font ?trong trang. Nếu quá thì trình duyệt phải mất nhiều thời gian đ?tải trang, nếu có th?thì bạn có th?gom các file javascript, các css lại với nhau đ?giảm s?lượng request.</p> <p style="text-align: justify;">Đ?xem s?lượng request trong trang web, bạn gõ phím F12 trong trình duyệt đ?m?Developer Tool, sau đó nhấp tab Network. Tiếp tục là gõ địa ch?trang web rồi Ctrl – F5 è s?thấy s?lượng request của trang.</p> <p style="text-align: justify;">Mỗi trang web ch?nên khoảng < 400 request thôi nhé. Như trong hình dưới, trang web có đến 626 tài nguyên bên ngoài là quá nhiều.</p> <p><img decoding="async" class="aligncenter wp-image-149664" src="//westview-heights.com/wp-content/uploads/4-45.png" alt="" width="700" height="325" srcset="//westview-heights.com/wp-content/uploads/4-45.png 633w, //westview-heights.com/wp-content/uploads/4-45-314x146.png 314w, //westview-heights.com/wp-content/uploads/4-45-500x232.png 500w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><em><strong>b. Giảm bớt dung lượng tài nguyên</strong></em></p> <p style="text-align: justify;">Nếu các file hình, file css, file js có kích thước lớn quá thì phải mất nhiều thời gian đ?tải t?server v? Bạn hãy giảm kích thước các file hình, file css, js…xuống nhé , điều đó s?giúp giảm bớt dung lượng đ?v?t?server,  như vậy trang web s?chạy nhanh hơn.</p> <p style="text-align: justify;">Hãy xem hình dưới, trang web có còn hình 1.jpg, 2.jpg, 3.jpg. Ba hình này kích thước đều quá lớn, đến khoảng gần 20MB thì không th?chấp nhận, mỗi hình trong trang bình thường ch?nên có kích thước 100-300KB , không nên lớn hơn.</p> <p><img decoding="async" class="aligncenter wp-image-149665" src="//westview-heights.com/wp-content/uploads/5-31.png" alt="" width="700" height="338" srcset="//westview-heights.com/wp-content/uploads/5-31.png 639w, //westview-heights.com/wp-content/uploads/5-31-314x152.png 314w, //westview-heights.com/wp-content/uploads/5-31-500x242.png 500w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Đ?giảm file hình, dùng các chương trình x?lý ảnh (như photoshop , paint, windows photo, snagit? đ?giảm bớt chất lượng hình, có th?giảm bớt chiều dài chiều rộng của hình  thì đ?lớn file hình s?giảm lại.</p> <p style="text-align: justify;">Hãy xem hình dưới , hình 1.jpg có kích thước 5616×3744 , đ?lớn file là 18.6MB. Sau khi resize và giảm bớt chất lượng (vẫn coi đẹp trong web) thì file ch?còn 257KB. Quá OK phải không?</p> <p><img decoding="async" class="wp-image-149666 aligncenter" src="//westview-heights.com/wp-content/uploads/6-29.png" alt="" width="700" height="215" srcset="//westview-heights.com/wp-content/uploads/6-29.png 756w, //westview-heights.com/wp-content/uploads/6-29-314x96.png 314w, //westview-heights.com/wp-content/uploads/6-29-500x153.png 500w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><strong>3. Tối ưu mysql database</strong></p> <p><img decoding="async" class="wp-image-149667 aligncenter" src="//westview-heights.com/wp-content/uploads/7-18.png" alt="" width="700" height="361" srcset="//westview-heights.com/wp-content/uploads/7-18.png 946w, //westview-heights.com/wp-content/uploads/7-18-314x162.png 314w, //westview-heights.com/wp-content/uploads/7-18-500x258.png 500w, //westview-heights.com/wp-content/uploads/7-18-768x396.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Giải pháp tăng tốc website th?ba là tối ưu hoạt động lấy d?liệu t?database. Tối ưu database và lệnh SQL là việc không được b?qua khi bạn muốn trang web chạy nhanh hơn. Hãy xem xét các gợi ý sau:</p> <p style="text-align: justify;"><strong><em>a. Bớt join các bảng nếu có th?/em></strong></p> <p style="text-align: justify;">Trong câu lệnh sql, ch?nên join bảng khi thật s?cần lấy d?liệu t?nhiều table, nếu không thì phí thời gian. Ví d?khi câu lệnh sau (join 3 bảng) :  <strong>select idTin, TieuDe, Ten, name from tin, loaitin, users where tin.idLT= loaitin.idLT and tin.idUser = Users.id and tin.lang=’vi’;</strong>  thì  thời gian chạy của mysql tốn hết 0.003 giây.</p> <p><img decoding="async" class="wp-image-149668 aligncenter" src="//westview-heights.com/wp-content/uploads/8-22.png" alt="" width="700" height="83" srcset="//westview-heights.com/wp-content/uploads/8-22.png 1024w, //westview-heights.com/wp-content/uploads/8-22-314x37.png 314w, //westview-heights.com/wp-content/uploads/8-22-500x60.png 500w, //westview-heights.com/wp-content/uploads/8-22-768x92.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Trong cùng điều kiện,  khi chạy câu lệnh sau (không join bảng) <strong>select idTin, TieuDe from tin where tin.lang=’vi’;</strong> thì ch?tốn 0.002 giây.</p> <p><img decoding="async" class="wp-image-149669 aligncenter" src="//westview-heights.com/wp-content/uploads/9-19.png" alt="" width="700" height="68" srcset="//westview-heights.com/wp-content/uploads/9-19.png 1024w, //westview-heights.com/wp-content/uploads/9-19-314x31.png 314w, //westview-heights.com/wp-content/uploads/9-19-500x49.png 500w, //westview-heights.com/wp-content/uploads/9-19-768x75.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Tất nhiên khi cần thiết thì join bảng, nhưng ch?khi cần dùng d?liệu ?nhiều bảng thì mới join, còn không không join.</p> <p style="text-align: justify;"><strong>b.     S?dụng index cho các field</strong></p> <p style="text-align: justify;">Các field nào trong table mà cần dùng cho tìm kiếm và có nhiều giá tr?trùng nhau thì nên tạo index cho field đó.</p> <p style="text-align: justify;">Việc tạo Index giống như đánh mục lục, giúp tìm kiếm được nhanh hơn. Tưởng tượng bạn có 1 quyển sách dày, tìm t?gì đó trong sách bằng cách lật từng trang thì thường là lâu hơn là dùng mục lục phải không? Gi?s?bạn có một table với cấu trúc và d?liệu như sau:</p> <p><img decoding="async" class="wp-image-149670 aligncenter" src="//westview-heights.com/wp-content/uploads/10-15.png" alt="" width="700" height="342" srcset="//westview-heights.com/wp-content/uploads/10-15.png 1024w, //westview-heights.com/wp-content/uploads/10-15-314x153.png 314w, //westview-heights.com/wp-content/uploads/10-15-500x244.png 500w, //westview-heights.com/wp-content/uploads/10-15-768x375.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Với table như trên  có 87734 rows, gi?s?chúng ta chạy câu lệnh : <strong>select idTin, TieuDe from tin where tin.idLT = 12; </strong></p> <p style="text-align: justify;"><strong>Khi chưa tạo index cho cột idLT: </strong>dùng lệnh explain, mysql s?cho biết đ?chạy câu lệnh trên, nó s?dò trong tất c?các dòng của table (<strong>ALL</strong>) và s?dòng trong table phải tìm là 87734 và thời gian thực thi câu lệnh này là 0.166 giây.</p> <p><img decoding="async" class="wp-image-149671 aligncenter" src="//westview-heights.com/wp-content/uploads/11-15.png" alt="" width="700" height="103" srcset="//westview-heights.com/wp-content/uploads/11-15.png 1024w, //westview-heights.com/wp-content/uploads/11-15-314x46.png 314w, //westview-heights.com/wp-content/uploads/11-15-500x73.png 500w, //westview-heights.com/wp-content/uploads/11-15-768x113.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><strong>Khi đã tạo index cho cột idLT, </strong>cũng dùng lệnh<strong> explain</strong>, mysql s?cho biết đ?chạy câu lệnh trên, nó s?tham khảo trong bảng ch?mục (<strong>ref</strong>) và s?dòng mà nó dùng đ?dò tìm là 43867 , và thời gian thực thi câu lệnh này là 0.077 giây.</p> <p><img decoding="async" class="wp-image-149672 aligncenter" src="//westview-heights.com/wp-content/uploads/12-18.png" alt="" width="700" height="106" srcset="//westview-heights.com/wp-content/uploads/12-18.png 1024w, //westview-heights.com/wp-content/uploads/12-18-314x48.png 314w, //westview-heights.com/wp-content/uploads/12-18-500x76.png 500w, //westview-heights.com/wp-content/uploads/12-18-768x116.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;">Bạn thấy th?nào? Tạo ch?mục cho field thì giúp mysql chạy nhanh hơn đó. Field mà có nhiều giá tr?trùng lặp thì việc tạo ch?mục s?càng giúp mysql chạy nhanh hơn vì s?dòng mà mysql dò tìm s?ít đi.</p> <p style="text-align: justify;">Việc tạo index cho field có khó không? Không h? bạn ch?việc vào xem cấu trúc table rồi nhìn vào mục <strong>Indexes</strong>, s?thấy các index của table, bạn có th?b?sung xóa các index thoải mái. Tham khảo hình sau như là gợi ý tạo index cho cột idLT</p> <p><img decoding="async" class="wp-image-149673 aligncenter" src="//westview-heights.com/wp-content/uploads/13-11.png" alt="" width="700" height="401" srcset="//westview-heights.com/wp-content/uploads/13-11.png 816w, //westview-heights.com/wp-content/uploads/13-11-314x180.png 314w, //westview-heights.com/wp-content/uploads/13-11-500x286.png 500w, //westview-heights.com/wp-content/uploads/13-11-768x440.png 768w" sizes="(max-width: 700px) 100vw, 700px" /></p> <p style="text-align: justify;"><strong>c.  Ch?chọn các field cần dùng</strong></p> <p style="text-align: justify;">Cũng liên quan đến database, hãy c?gắng  ch?chọn các field cần dùng, không s?dụng  SELECT * vì như th?là bạn chọn mọi field trong table, rất nhiều kh?năng có những field lấy t?mysql v?mà không dùng, dẫn đến phí thời gian vô ích. Ví d?bạn ch?cần 2 field id và TieuDe trong bảng Tin thì viết câu lệnh như sau <strong>select id, TieuDe From Tin</strong></p> <p style="text-align: justify;">Chúng ta hãy cùng ch?đón phần 2 trong bài viết tiếp theo nhé!</p> <p>The post <a href="//westview-heights.com/tin-noi-bat/cac-giai-phap-tang-toc-website-mot-cach-hieu-qua.html">Các giải pháp tăng tốc Website một cách hiệu qu?/a> appeared first on <a href="//westview-heights.com">Cao Đẳng FPT M?ng c c??c bng ? xét tuyển</a>.</p> ]]></content:encoded> <wfw:commentRss>//westview-heights.com/tin-noi-bat/cac-giai-phap-tang-toc-website-mot-cach-hieu-qua.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss> <!-- plugin=object-cache-pro client=phpredis metric#hits=740 metric#misses=62 metric#hit-ratio=92.3 metric#bytes=1154883 metric#prefetches=0 metric#store-reads=80 metric#store-writes=5 metric#store-hits=55 metric#store-misses=54 metric#sql-queries=16 metric#ms-total=173.91 metric#ms-cache=15.28 metric#ms-cache-avg=0.1819 metric#ms-cache-ratio=8.8 -->