Chia sẻ Cách tôi ưu tăng tốc độ website

Diễn Đàn SEO - vnseo.edu.vn -

Chào các bạn, mình là mem mới. Hôm nay muốn chia sẻ với các bạn chút về việc tăng tốc độ website, mình là dân lập trình nên đã thử xây dựng và được google đánh giá rất tốt về tốc độ website, trang hatchongam .com của mình xây dựng được google PageSpeed Insights đánh giá 94/100 cho bản mobile và 95/100 cho bản desktop. Sau đây mình xin chia sẻ mấy nội dung như sau:

1. Tối ưu hoá hình ảnh

• Hình ảnh trước khi đưa lên website (cái này có nhiều cách, các bạn có thể hỏi google là có ngay)
• Hình ảnh hiển thị trên website phải đúng kích thước, không sử dụng thuộc sinh như width=100% để hiển thị ảnh, với mình thì mình lập trình được nên mình viết code để khi upload ảnh lên web nó tự động vẽ lại hình ảnh và có thể chèn thêm logo lên với đúng kích thước mà mình muốn hiển thị trên website, nếu làm được tốt hơn thì có ảnh cho mobile riêng và ảnh cho desktop riêng thì quá tốt.
• Hình ảnh phải được nén (gzip) và lưu vào bộ nhớ cache để tăng tốc độ load.

2. Tối ưu CSS

• Cần tối giảm các css, cái nào cần thì dùng, không nên chứa các khoảng trắng, không cần xuống dòng là tốt nhất, không nên có những đối tượng bị ẩn bằng css. Cái này trong PageSpeed Insights nó sẽ giúp bạn.

3. Tối giảm javascript

• Không nên có các javascript không cần thiết, với các file js cần đến javascript thì nên để thuộc tính defer để nó load script sau và ưu tiên loà file nhẹ trước, các file này nên đặt ở cuối website để khi load website nó sẽ load các đối tượng khác trước còn các javascript loà sau.
• Ví dụ: <script src="/jquery/jquery.min.js" defer></script>

4. Sử dụng gzip để nén các file, cụ thể: cho đoạn code sau đây vào file web.config
<system.webServer>
<httpCompression directory="%SystemDrive%\inetpub\temp\IIS Temporary Compressed Files">

<scheme name="gzip" dll="%Windir%\system32\inetsrv\gzip.dll" />

<dynamicTypes>

<add mimeType="text/*" enabled="true" />

<add mimeType="message/*" enabled="true" />

<add mimeType="application/x-javascript" enabled="true" />

<add mimeType="*/*" enabled="false" />

</dynamicTypes>

<staticTypes>

<add mimeType="text/*" enabled="true" />

<add mimeType="message/*" enabled="true" />

<add mimeType="application/x-javascript" enabled="true" />

<add mimeType="*/*" enabled="false" />

</staticTypes>

</httpCompression>

<urlCompression doStaticCompression="true" doDynamicCompression="false" />

<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00"/>

</staticContent>
</system.webServer>
Các bạn thử mấy cái này xem website của mình đã cải thiện được tốc độ chưa, còn một số vấn đề nữa mình sẽ chia sẻ tiếp lần sau nhé, giờ mình bận mất rùi. hi hi

 

Cảm ơn bài viết rất hay

 

thanks bạn vì bài viết hay

 

Tối ưu Css trong wordpress thi làm kiểu gì hả bạn ? có cần biết về code không ?

 

cảm ơn bạn đã chia sẻ nhé, mình thử làm xem có tăng được không

 

Mình cũng thuê người code nên không chỉnh cái này được cái này chắc dành cho mấy ae làm code thì sẽ đúng chuyên môn hơn

 

Theo lý thuyết thì ai cũng muốn nhưng ko biết code thì gần như rất khó, với wordpress thì giải pháp còn có 1 vài plugin