آموزش و نحوه کار با وب سایت gtmetrix قسمت سوم

ادامه آموزش سایت gtmetrix

قسمت های قبلی آموزش را می توانید در صفحه های زیر مطالعه نمایید

آموزش سایت gtmetrix قسمت اول

آموزش سایت gtmetrix  قسمت دوم

Minify JavaScript

این گزینه هم مانند گزینه قبلی مربوط به فشرده سازی است اما اینبار باید فایل های js  خود را فشرده نمایید. راه حل این مشکل نیز مانند فایل های css، حذف فضای اضافی و یا وب سایتهای آنلاین مانند javascript minifier است. توجه داشته باشید که تغییر دادن در این فایلها ممکن است ظاهر سایت شما را خراب کند. پس حتما از سایت خود نسخه پشتیبان تهایه نمایید.

Minify HTML

این گزینه مانند دو مورد قبلی مربوط به فشرده سازی است و اشاره به فشرده سازی کد های html دارد. برای حل این مشکل نیز باید فضای خالی در کدهای سایت خود را حذف نمایید. البته اصلاح این بخش نیاز به تخصص دارد و بصورت آنلاین نمی توان از سایتی برای اصلاح آن سرویس گرفت.

Specify a character set early

این گزینه بیان میکنه که کاراکتر ست را در برخی قسمت ها در ابتدا مشخص نکردید.

Optimize images

این بخش عکس هایی از سایت را نمایش می دهد که نیازمند بهینه سازی و کم حجم شدن هستند. برای کم حجم کردن تصاویر می توانید از همین قسمت نسخه بهینه شده تصاویر را دانلود و جایگزین تصویر قبلی نمایید. همچنین می توانید از وب سایتهای آنلاین مانند tinypng.com استفاده کنید که البته اخیرا نیاز به یک نرم افزار دور زننده تحریم دارید!

بهینه کردن تصاویر کمک زیادی به کم شدن حجم وب سایت شما خواهد کرد. این یکی از بخش های مهم در سئو سایت است

Avoid bad requests

این بخش اشاره به درخواستهایی که به اشتباه به سرور ارسال می شوند دارد. مثلا شما تصویری را قبلا داخل سایت خود داشته اید ولی این تصویر از سرور پاک شده است. وقتی سایت شما بارگذاری می شود درخواست برای ارسال این عکس به سمت سرور می رود اما چون عکسی وجود ندارد، موجب کندی سایت شما می شود. این بخش نیز یکی از بخش های مهم در سئو و بهینه سازی سایت است.

Avoid landing page redirects

این بخش اشاره به امتناع از هدایت کاربران به دیگر صفحات دارد. اگر صفحه شما به صفحه دیگری منتقل شود موجب کندی در بارگذاری صفحات می شود. البته این موضوع کمتر به چشم می خورد.

Enable gzip compression

Gzip  یک نوع فرمت برای فشرده سازی است که از آن برای فشرده کردن داده هایی که از سمت سرور برای مرورگر ارسال می شود، استفاده می کنند. استفاده از این فاکتور موجب کم شدن حجم سایت شما به حد چشمگیری می شود. این موضوع یکی از مواردی است که حتما باید در بهینه سازی سایت آن را برطرف نمود. این ویژگی ممکن است از سمت ارائه دهنده هاست شما بسته شده باشد که باید از آنها درخواست نمایید آن را فعال نمایند. همچنین در پاره ای از موارد با قرار دادن قطعه کد زیر در فایل htaccess می توانید این ویژگی را برای سایت خود فعال نمایید.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
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>

 

Enable Keep-Alive

این گزینه اشاره به فایل هایی دارد که باید بین سایت و سرور بصورت زنده ارتباط داشته باشند. با گذاشتن کد زیر در فایل htaccess این مشکل را می توانید رفع نمایید.

KeepAlive On

 

Inline small CSS

این گزینه اشاره به فایلهای css دارد که محتوای کوتاهی دارند و نیاز نیست بصورت یک فایل جداگانه در سایت بارگذاری شوند. برای حل این مشکل باید این فایلها را با فایل های css دیگر ادغام نمایید و یا داخل کدنویسی سایت خود آنها را درج نمایید. راه حل اول نظم بهتری به سایت شما می دهد.

Inline small JavaScript

این گزینه اشاره با فایلهای از نوع جاوااسکریپت دارد که حجم کمی دارند و نیاز نیست بصورت مجزا بارگذاری شوند. برای برطرف کردن این مشکل می توانید این فایلها را با دیگر فایلهای جاوا اسکریپت ادغام نمایید و یا آنها را بصورت inline  در داخل کدنویسی سایت خود استفاده نمایید.

Minimize redirects

این مورد برای کاستن انتقال ها برای بارگذاری محتوا است. کمتر سایتی هست که در این موضوع مشکل داشته باشد.

Minimize request size

کاستن تعداد درخواست ها یکی از مواردی است که سرعت سایت را افزایش می دهد. برای کاهش دادن تعداد درخواست ها می توانید فایلهای css و جاوا اسکریپت را در یک فایل css و یک فایل js ادغام نمایید. همچنین کاستن تعداد تصاویر و استفاده از css sprites که در ادامه آن را توضیح می دهیم به این موضوع کمک می کند.

Put CSS in the document head

این گزینه اشاره با فایل های css دارد که در بدنه سایت قرار دارند و باید به head سایت منتقل شوند.

Serve resources from a consistent URL

این گزینه اشاره به محتواهایی دارد که دقیقا یکسان هستند ولی از دو آدرس مجزا باز می شوند. مثلا دو تصویر که یکی ، کپی شده دیگری است. برای کاهش حجم سایت و تعداد request  ها باید از یک آدرس برای نمایش تصویر استفاده نماییم.

Serve scaled images

این گزینه به ما می گوید که تصاویر را در همان اندازه که در سایت نمایش می دهید استفاده نمایید نه بزرگتر از آن. در واقع اگر تصویر بیش از حد بزرگ باشد، موجب بالاتر رفتن حجم سایت می شود. برای رفع این مشکل، تصاویر را در اندازه مناسب استفاده نمایید.

Specify a cache validator

این گزینه نیز در کمتر سایتی دارای مشکل است. این مود اشاره به اجازه و اعتبار دهی به کش کردن محتوا توسط مرورگر می باشد.

Combine images using CSS sprites

این گزینه اشاره به تصاویری دارد که بصورت کوچک هستند و می گوید تصاویر کوچک را در قالب یک تصویر و با استفاده از css نمایش بده. برای حل این موضوع می توانید آدرس زیر را مطالعه نمایید.

نحوه استفاده از css sprites

برطرف کردن این بخش هم به کاهش حجم سایت کمک می کند و هم به کاهش تعداد درخواستهایی که سمت سرور ارسال می شوند.

Avoid CSS @import

این گزینه اشاره به این دارد که در داخل فایل های css از متد @import استفاده نکنیم. این گزینه را می توان ب ادغام فایلهای css برطرف نمود.

Avoid a character set in the meta tag

این گزینه به عدم درج نوع کاراکتر در متا تگ ها اشاره دارد. کمتر سایتی در این موضوع دچار مشکل است اما با قطعه کد زیر در فایل htaccess میتوان آن را برای همیشه رفع کرد.

AddDefaultCharset utf-8

 

Remove query strings from static resources

این گزینه حذف درخواست ها و کوئری های از منابعی که بصورت ثابت هستند اشاره می کند. برای مثال فایل هایی که کش می شوند.

Specify a Vary: Accept-Encoding header

این گزینه نیز اشاره به انکودینگ در هدر سایت دارد که در کمتر سایتی دارای مشکل است.

در صورت داشتن سوال درباره هر بخش، از قسمت نظرات سوالات خود را مطرح نمایید.

 

 

فرم ارسال نظر