آموزش بهینه سازی PageSpeed وبسایت با GTMetrix (بخش سوم)
آموزش بهینه سازی PageSpeed وبسایت با GTMetrix (بخش سوم)
در این بخش هم مثل بخش دوم به ادامه مبحث های موجود در قسمت PageSpeed واقع در بخش Breakdown وبسایت GTMetrix می پردازیم.
آموزش بهینه سازی PageSpeed وبسایت با GTMetrix (بخش سوم)
Optimize the order of styles and scripts : چینش درست فایل‌های استایل و جاوا اسکریپت در کنار یکدیگر
این قسمت GTMetrix به شما می گوید که فایل های پیوسته به استایل یا همان CSSهای خود را پیش از فایل ها یا کدهای جاوا اسکریپت وبسایت قرار بدهید تا وبسایت شما سریعتر لود شود.
در حقیقت مسئولیت شما این می باشد که تگ های پیوسته به استایل را بالاتر از تگ های پیوسته به جاوا اسکریپت بگذارید.
به همین آسانی
Inline small CSS : فراخوانی فایل های استایل کوچک از درون وبسایت
چنانچه فایل های خارجی استایل شما بیش از حد کوچک باشند این گزینه به شما تذکر می دهد که مطالب آنها را کپی و در قسمت head وبسایت خود بگذارید تا سرعت لود شدن آنها تکثیر پیدا کند.
Inline small JavaScript : فراخوانی فایل‌های جاوا اسکریپت کوچک از درون وبسایت
این گزینه هم مثل گزینه‌ی بالا می باشد با این تفاضل که نظر شما را به فایل‌های جاوا اسکریپت کوچک خارجی فراخوانی میکند.
Enable Keep-Alive : زنده نگه داشتن فایل مابین سرور و مرورگر
در این مورد GTMetrix از شما می‌خواهد موردهایی که به شما نشان می‌دهد را به شکل زنده مابین سرور و مرورگر خود بگذارید.
برای این کار کد پایین را به فایل .htaccess موجود در شاخه اصلی وبسایتتان ملحق کنید.
Header set Connection keep-alive
Leverage browser caching : ذخیره‌سازی قسمت های ثابت در cach مرورگر یوزر
در این قسمت GTMetrix فهرستی از فایل‌هایی که بهتر می باشد در مرورگر یوزر درج شود را نمایش می دهد.
به عنوان مثال فکر کنید GTMetrix نشانی مانند “http://…/font/nassim.woff” را نمایش می دهد.
این نشانی ، نشان دهنده نوع فایل از نوع فونت با پسوند woff می باشد.
اکنون اگر بخواهیم کاری کنیم که این نوع فایل تو مرورگر یوزر کش بشود کافی است کد پایین را در فایل .htaccess بگذارید.
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType font/woff “access plus 1 year”
ExpiresDefault “access 1 month”
## EXPIRES CACHING ##
Avoid bad requests : فایل‌هایی که وجود خارجی ندارند
در این قسمت می توانید فایل‌ها یا عکس هایی که در وبسایت بهره گیری کرده اید منتها در حقیقت وجود خارجی ندارند (یا مثلا حذف شده اند) را مشاهده کنید و آن ها را درست کنید.
Avoid a character set in the meta tag : عدم معین سازی نوع کاراکتر
می گوید مثل این که کارکتر فایل یک افزونه را در کدها معین نکرده اید .
مسلما این مورد به ندرت در وبسایتی مشاهده می شود منتها در صورتیکه بود خیلی راحت با اضافه کردن کد پایین به ابتدای فایل .htaccess برای همیشه از شر آن راحت شوید.
# pass the default character set
AddDefaultCharset utf-8
Avoid landing page redirects : ریدایرکت بی تناسب
این گزینه در اکثر وبسایتها ۱۰۰% می باشد و خیلی مشاهده نمی شود وبسایتی از این مورد دشواری داشته باشد.
اصولا این مورد در وبسایت‌هایی مشاهده می شود که لود شدن وبسایت هایشان را به بدون www به کمک فایل .htaccess قفل کرده اند.
درست است که این روند با الگوریتم‌هایی که برای سئو عرضه می شود تماما هماهنگ می باشد منتها در برخی موارد از لحاظ گوگل تخلف به حساب می آید.
زیاد نگران این گزینه نباشید و بهتر است بیخیال آن شوید.
Avoid CSS @import : مدیریت فراخوانی فایل های CSS خارجی
در بسیاری از مواقع مشاهده می شود که وب مسترها به عنون مثال اگر چند فایل استایل خارجی داشته باشند فایلی را که اصلی می باشد را در سمت HTML وبسایت فراخوانی میکنند و مابقی با دستور “(“import url(“your file adress.css@” از درون آن فایل استایل اصلی بارگزاری میکنند.
این شیوه یکی از اشتباهاتی می باشد که گوگل آن را یکی از خطاهای اصلی می‌داند.
برای حل شدن این مشکل کافی است به نشانی که GTMetrix داده است بروید و آن قسمت مربوط به @import را حذف کنید و فایل را درج کنید.
سپس به قسمت Head وبسایتتان بروید و با دستور پایین آن ها را رو جداگانه فراخوانی کنید و یا این که اگر امکان داشت با هم تلفیق کنید.
Put CSS in the document head : فراخوانی فایل CSS بیرون از قسمت head وبسایت
GTMetrix هنگامی با این گزینه به شما هشدار می دهد که فایل استایل خود را در قسمتی خارج از head وبسایتتان فراخوانی کرده باشید به عنوان مثال در قسمت body.
برای حل این مشکل کافی است قسمتی را که هشدار داده است را به بخش head وبسایت انتقال دهید و خطای موجود در این قسمت را رفع کنید.
Enable gzip compression : فعال کردن توانایی gzip
توانایی gzip منجر می شود فایل‌هایی که از سمت سرور به مرورگر فرستاده می شود به شکل فشرده سازی شده به مرورگر فرستاده شود و در حقیقت مقدار ظرفیتی که در مرورگر یوزر می بایست بارگذاری شود کمتر میشود و وبسایت سریع تر لود میشود.
برای رفع این گزینه کافی است کد پایین را به فایل .htaccess ملحق کنید.
# BEGIN Compress text files
SetOutputFilter DEFLATE
# END Compress text files
تماس با آرتایار