內容簡介
追求速度已成為一種習慣。誰不希望只需小小的努力就能獲得更好的表現,並在 Google 的排名上獲得優勢呢?
幾年前,搜尋引擎、尤其是 Google 把網站速度納入排名演算法之中。然而,平均網站載入時間長達 10 秒以上。Facebook、Twitter 和 Google 等大型網站只需不到 2 秒就能將網站呈現給用戶。你的網站也需要朝這個目標前進。
許多網站的速度測試結果表現不佳,因為大型圖片會延緩網站載入。具體而言,當用戶查看小型縮圖時,許多網站卻提供巨大的圖片。快取可以大幅提高 WordPress 的速度,但如果你要發送大象級圖片,那麼處理快取也只能有限的幫助。
DimSum 可以在實時中對這些巨型圖片進行壓縮,把它們變成符合質量和速度的小型圖片。
該外掛可調整所有博客圖片(主頁、文章和頁面)的大小,並根據你作為網站擁有者的喜好修改壓縮質量,讓圖片質量與速度達到完美的平衡。該外掛可以把大象級圖片製作成易於口感的點心。
改進效果包括提高效能,同時也讓網站美學和易用性表現更好。
A) 快取可以加快頁面傳輸,速度提升的範圍從微小到顯著不等,具體視網站中的文件適合用戶在瀏覽器中看到的圖片而定。這對不使用正式縮略圖功能,而是將更大的圖片嵌入較小的縮略圖片的首頁尤其有用。優化大型內容通常是提升專案傳遞效率的最佳途徑。與此相關,DimSum 可以減少帶寬使用,在遇到按使用量計費的(雲)用戶時尤其重要。
B) 使用效率有了顯著提升。可以根本不考慮圖片大小。這意味著不用在 Photoshop 或 GIMP 中無休止地縮放一張圖片。每張圖片都會實時調整為完美適合不同頁面使用的尺寸。
此外,也不用依賴主題提供的部分縮略圖尺寸,可以自由生成所需的任何大小,而不會干擾網站的傳遞時間。
在 Photoshop/Gimp 中以最高質量保存圖片,然後在 DimSum 中上傳,調整至最佳質量和大小的平衡點。在 WordPress 中,使用文章區域內的 90%、80%、70%、60% ... 比例縮放,選擇適合你內容的完美大小。
最後,只需幾秒鐘就可以根據訪問者(即服務器負載)的數量和情況調整壓縮質量設置,以更好地滿足客戶的需求,直到你升級到更快速的服務器為止。因為一臺崩潰的服務器可損害你的整天。
C) 在美學方面,圖片的分辨率不會超出其可見分辨率。實際上,從文件系統到瀏覽器的圖片都是完美 WYSIWYG,無論是在解析度還是尺寸方面。然而,沒有任何東西能超越原始文件中發現的質量,因此在第一次上傳時使用最高質量。
外掛標籤
開發者團隊
原文外掛簡介
Addicted to speed. Heck, who isn’t. Squeeze out better performance with little effort. And get a shot at a higher Google ranking.
Search engines, notably Google introduced speed in their ranking algorithm a few years ago. Yet, the average site runs above 10 seconds to the user. Big guns like Facebook, Twitter and Google deliver their site in under 2 seconds to the user. Yours should shoot for the same performance.
A lot of sites suffer in speed tests because large images really slows down the delivery of a website. Specifically, many sites serve huge images when they’re viewed as tiny thumbnails by the user. Caching can significantly speed up WP, but if you’re delivering elephants then caching elephants can only do so much.
DimSum turns those big elephant images into ones that are small and quality-controlled. And it does so in real-time.
This plugin resizes all blog images (home, post and pages) to their tagged width and height, and changes the compression for a perfect balance between quality and speed as seen fit by you, the site owner. It makes elephants into bite-sized dimsum whenever possible.
Results include not only increased performance but also increased site aesthetics and ease of use.
A) Performance issues include faster page delivery. Speed increases range from minor to significant, depending on the mis-matching of underlying file to that image seen by the user in the browser. It’s particularly useful for front pages that don’t use official thumbnail features but embed smaller representations of larger images. Optimizing large content is often the best way of increasing page delivery. As a corollary, DimSum decreases bandwidth usage which is important for (cloud) users who pay per usage.
B) Ease of use improvements are significant. Use an image without regard for its size. Which means no endless sizing in Photoshop or GIMP. One image is resized to perfectly suit each different page use in real-time.
Moreso, don’t rely on the few thumbnail sizes given to you by your theme. Generate any size you want without disturbing your site delivery time.
Save in the highest quality in Photoshop/Gimp. Upload and then downgrade in DimSum until a perfect tradeoff between quality and size is found. And, in WordPress, select the perfect size to match your content, using the 90%, 80%, 70%, 60% … scaling in the post area.
Finally, within seconds crank up or down the compression quality setting to suit the number of visitors (and thus server load) your site receives to better address your customer’s needs — until you upgrade to a faster server. Because one drowned server can ruin your day.
C) In the aesthetic department, images are not stretched out beyond their viewable resolution. In fact, images are perfect WYSIWYG between image on the filesystem and image in the browser, in terms of resolution and size. Nevertheless, nothing can increase quality beyond that found in the original file, so use the highest quality in the first upload.
