Tối ưu để tăng tốc độ website

Thảo luận trong 'Tối ưu Website' bắt đầu bởi WEB-SEO, 16/1/17.

Đã xem: 13,701

  1. WEB-SEO Thành Viên

    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
     
    Đang tải...
    nam lim xanh

    Bình Luận Bằng Facebook

  2. dungtroy Thành Viên Tiêu Biểu

    Số bài viết: 101
    Đã được thích: 7
    Điểm thành tích: 18
    Người ta còn tối ưu để cất ảnh sang 1 host khác, khi khách truy vấn vào 1 bài viết, các hình ảnh từ các host khác nó tự động cập nhật gọi dữ liệu ra khiến cho website load nhanh & nhẹ nhàng hơn
     
  3. hjr4m3kj Thành Viên

    Số bài viết: 6
    Đã được thích: 0
    Điểm thành tích: 1
    này toàn là cái thông dụng, hầu hết Seoer chỉ tối ưu được ảnh, còn đụng tới code thì chưa chắc có người đã biết. Theo em là thế. nhưng cái 4rum này bắt đủ 150 từ em hết sạch câu để cmt rồi. quỳ
     
  4. trinhhai1012 Thành Viên Mới

    Số bài viết: 1
    Đã được thích: 0
    Điểm thành tích: 1
    cách mình thường dùng là sau khi làm web xong, dùng công cụ test speed của google để xem nó báo những lỗi gì, bọn nó báo xong thường gửi luôn file đã sửa lỗi, mình chỉ việc dow cái đó về rồi thay vào web là xong
     
  5. trangsuclopa Thành Viên Tích Cực

    Số bài viết: 67
    Đã được thích: 2
    Điểm thành tích: 8
    Web:
    Nếu dùng AMP Google thì tốc độ trang web có nhanh hơn không nhỉ? Chứ mình thấy vào AMP chắc chỉ mất 1s là có thể vào được site rôi, như thế cũng đỡ phải tối ưu lại ảnh ọt và các thứ khác nữa
     
  6. WEB-SEO Thành Viên

    Số bài viết: 11
    Đã được thích: 1
    Điểm thành tích: 1
    Web:
    uh, làm được AMP thì ổn quá rồi còn gì, nhưng phải là những người biết code mới làm được chứ. Mình cũng định tới đây làm trang bán hàng với công nghệ html5 và AMP
     
  7. bathai Thành Viên

    Số bài viết: 46
    Đã được thích: 3
    Điểm thành tích: 8
    Ôi nhìn đến code là thua rồi. Không biết mình làm bằng worpress thì sửa code bằng cách nào nhỉ. Trang chạy bị chậm. Nếu náng cấp hosting lên thì có cải thiện được không nhỉ
     
  8. thaitoan91 Thành Viên

    Số bài viết: 42
    Đã được thích: 1
    Điểm thành tích: 8
    Web:
    Để em thử xem những cách trên này có hiệu quả không chứ trang web của e chạy rất chậm.Đã thử khá nhiều cách nhưng chưa thấy hiệu quả.Cũng định nâng gói hosting rồi nhưng việc đầu tiên chắc phải tối ưu code với ảnh đã.
     
  9. nguyenlinh15111995 Thành Viên Tích Cực

    Số bài viết: 53
    Đã được thích: 0
    Điểm thành tích: 6
    mình thấy cách tốt nhất là lưu bộ nhớ cache vì nó vừa giảm tải băng thông vừa tăng tốc tốt nhất cho website. tối ưu hóa hình ảnh nếu để dư cũng ko dùng đến
     
  10. louis0495 Thành Viên

    Số bài viết: 10
    Đã được thích: 0
    Điểm thành tích: 1
    Web:
    Mình cũng hơi khó khăn về khoản này vì mình không hiểu lắm về code, cài plugin để tối ưu thì lỗi xung đột lung tung cũng làm cho site chạy nặng nề. Mà cái sử dụng Gzip để nén file có cần cài plugin gì rồi mới thêm đoạn code đó vào kia không?
     
  11. snail_lx Thành Viên Tích Cực

    Số bài viết: 96
    Đã được thích: 2
    Điểm thành tích: 18
    Web:
    Những cái này thì các bạn làm code sẽ quan tâm hơn, như seo mình có biết cũng chả sửa được, thêm code này code kia nó lại lỗi cả website thì chêt, có vấn đề gì cứ thuê thì hơn
     
  12. gialinhit Thành Viên

    Số bài viết: 18
    Đã được thích: 2
    Điểm thành tích: 3
    Web:
    thế mới bảo SEO-er mà biết code là một lợi thế.
    Bình thường dân SEO cứ tối ưu hình ảnh, slider, xem có flash không thì vứt đi.
    Như bọn em làm cho công ty thì thấy chậm cái là réo kỹ thuật.
     
  13. phamlinhbnm Thành Viên Tích Cực

    Số bài viết: 69
    Đã được thích: 1
    Điểm thành tích: 8
    Web:
    Sử dụng công cụ lưu cache của trình duyệt làm tăng tốc độ tải của người dùng sau các lần truy cập của website. Đối với weordpress các bạn chỉ việc cài đặt super cache là ổn luôn rồi. Tải từ lần 2 trở đi nhanh hơn bao giwof hết
     
  14. abien Thành Viên Tiêu Biểu

    Số bài viết: 112
    Đã được thích: 4
    Điểm thành tích: 18
    Web:
    Hình ảnh và CSS có lẽ là những thứ đơn giản nhất có thể làm được chứ liên quan tới kỹ thuật cũng code quá nhiều thì SEOer đành bó tay mà thôi. Site mà tốc độ nhanh thì phù hợp với người dùng hơn đấy!
     
  15. paypal86 Thành Viên Mới

    Số bài viết: 1
    Đã được thích: 0
    Điểm thành tích: 1
    Web:
    mình hay xài gg page speed , sau đó dựa vào các yếu tố nó đưa ra tối ưu lại sao cho tốt nhất.

    theo các bác mất tầm bao lâu thì lên top 10 với 1 từ khóa dễ
     
  16. kidzbyn Thành Viên

    Số bài viết: 37
    Đã được thích: 3
    Điểm thành tích: 8
    Web:
    mấy cái tối ưu nói ra đơn giản mà đến lúc làm mò ko bao giờ được. càng làm càng rối, đụng tới code là điên luôn .
     
  17. VuVanAnh Thành Viên

    lâu nay cũng chỉ tập trung vào tối ưu hình ảnh chứ chưa có tối ưu javacrip gì đó,xem ra việc tối ưu 1 website cần nhiều công đoạn và trình tự đến vậy.Thôi thì xin kinh nghiệm từ bài viết của bạn để làm hành trang cho cá nhân,Thank bài viết
     
  18. tuananhjtrue Thành Viên Tích Cực

    Số bài viết: 58
    Đã được thích: 1
    Điểm thành tích: 8
    Web:
    cái site của e nó cũng thế ạ. không hiểu tại sao luôn. cậu e quản lý web dổi host, làm các kiểu mà chờ chạy vào web hơn 30s. theo e biết thì quá 30s là quá lâu vs 1 web seo rồi
     
  19. vubahai Thành Viên Đồng

    Số bài viết: 359
    Đã được thích: 24
    Điểm thành tích: 28
    Web:
    Những gì bạn nói cũng đúng một góc độ, tuy nhiên vấn đề lại thiên về các bạn có hiểu biết code một chút trong khi đa phần seoer lại không nắm được kiến thức này. Có thể nhờ kỹ thuật để khắc phục nhược điểm này. Nếu dùng wp các bạn cũng nên hạn chế sử dụng quá nhiều plugin, chú ý đến giao diện vì mobile hiện đang là xu hướng...
     
  20. WEB-SEO Thành Viên

    Số bài viết: 11
    Đã được thích: 1
    Điểm thành tích: 1
    Web:
    Cái này có vẻ không đúng vì thế thì ra hình ảnh không phải của mình rồi, người ta còn seo hình ảnh nữa mà. Thế thì ra mình lại đi seo hình ảnh hộ người khác mất rồi!
     
  21. sofatoanquoc.com Thành Viên

    Số bài viết: 22
    Đã được thích: 2
    Điểm thành tích: 3
    Web:
    Tăng tốc độ web nếu không hiểu gì về code chắc lại phải nhờ bên bộ phận IT thôi chứ dân SEO chi biết code cơ bản cộng thêm cách tối ưu hoá chất lượng hình ảnh nữa
     
  22. duchuy Moderator

    Số bài viết: 37
    Đã được thích: 4
    Điểm thành tích: 8
    Web:
    Về cơ bản, hãy để cho đội IT của bên bạn xử lý các vấn đề có liên quan đến kỹ thuật vì nó có thể sẽ ảnh hưởng đến cả một hệ thống nếu bạn làm sai điều gì đó. Thật tuyệt vời nếu bạn có thể tự xử lý được tất cả. Nếu không thể tự xử được thì với cương vị là một người làm SEO, bạn cũng cần biết nó là cái gì để truyền đạt mong muốn của mình đến với đội kỹ thuật. Tránh tình trạng đến bạn còn không biết nó là gì thì người đối diện cũng không thể biết bạn muốn gì. Đội kỹ thuật chắc chắn làm được nhưng quan trọng là bạn có truyền đạt được đến họ không thôi.