یاندکس. نامه: بارگذاری صفحه زمان زیادی می برد

هنگام ایجاد یک سایت مشتری مدار، باید موارد زیادی را در نظر بگیرید و به آنها فکر کنید، از خلاقیت (طراحی، محتوا) تا فنی (طرح بندی، قرار دادن در اینترنت). برای مشتریان، هر چیز کوچک مهم است، بنابراین مهم است که نه تنها به بیرون پروژه خود - آنچه کاربر می بیند - نگاه کنید، بلکه به داخل آن نیز توجه کنید، یعنی اینکه کاربر چقدر سریع آن را می بیند. تحقیقات نشان می‌دهد که تقریباً نیمی از کاربران انتظار دارند یک سایت در کمتر از دو ثانیه بارگذاری شود و 40 درصد از کاربران در صورتی که بارگذاری آن بیش از سه ثانیه طول بکشد، یک سایت را ترک می‌کنند. بنابراین، بسیار مهم است که سایت شما به سرعت بارگذاری شود، در غیر این صورت خطر از دست دادن بخش قابل توجهی از مشتریان خود را دارید. بنابراین چه کاری می توانید انجام دهید تا زمان بارگذاری سایت خود را کاهش دهید؟

1. کد را کوتاه کنید

هرچه کد پروژه شما بزرگتر باشد، وزن آن بیشتر است، یعنی زمان بیشتری برای بارگذاری آن نیاز است. بنابراین، قبل از هر چیز باید از بهینه بودن کد اطمینان حاصل کنید. این به ویژه برای اول صادق است صفحه فرود، که کاربر روی آن می افتد - بهتر است سنگین را رها کنید اسکریپت های جاوا اسکریپتو Ajax یا آنها را تا انتهای صفحه حذف کنید. به اصل معروف KISS پایبند باشید - آن را کوتاه و ساده نگه دارید - کد را کوتاه و ساده نگه دارید.

سرویس PageSpeed ​​Insightsاز گوگل توصیه می کند که خارجی را حذف کنید فایل جاوا اسکریپتاز بالای صفحه، زیرا چرخه عملیاتی که برای بارگذاری آن باید انجام شود، سرعت بارگذاری صفحه را به میزان قابل توجهی کاهش می دهد. در این مورد، توصیه می شود که کد جاوا اسکریپت را به صورت درون خطی قرار دهید یا آن کد را پس از بارگذاری بالای صفحه بارگذاری کنید.

اگر می خواهید بدانید که آیا همه چیز با جاوا اسکریپت در صفحه ای در سایت شما خوب است، از این سرویس استفاده کنید: https://varvy.com/tools/js/

این نکته در مورد کدهای HTML و CSS نیز صدق می کند. مانند جاوا اسکریپت، به آن توجه ویژه ای داشته باشید فایل های خارجی- به عنوان مثال، شیوه نامه های خارجی، که در صورت امکان بهتر است در HTML درج شوند.

2. از فشرده سازی سایت استفاده کنید

چندین فناوری وجود دارد که با استفاده از آنها می توانید داده ها را فشرده کنید، که می تواند اندازه منابع متنی و در نتیجه زمان بارگذاری صفحات منبع شما را کاهش دهد. به عنوان مثال، از gzip استفاده کنید: این ابزار، درخواست های مرورگر به سرور را به حداقل می رساند. می توانید از آن در پروتکل HTTP استفاده کنید.

می توانید بررسی کنید که آیا سایت شما از gzip برای فشرده سازی داده ها در این منبع استفاده می کند: http://www.gidnetwork.com/tools/gzip-test.php

و با کلیک بر روی لینک زیر می توانید متوجه شوید که آیا به طور کلی از فناوری فشرده سازی در سایت شما استفاده می شود: http://www.whatsmyip.org/http-compression-test/

3. تعداد ریدایرکت ها را کاهش دهید

ریدایرکت 301 اغلب برای تغییر مسیر از یک آدرس به آدرس دیگر استفاده می شود. با این حال، این خطر معرفی چرخه های شبکه اضافی است که می تواند زمان بارگذاری سایت را، به ویژه در دستگاه های تلفن همراه، افزایش دهد. بنابراین بهتر است تعداد ریدایرکت ها را کاهش دهید یا به طور کلی از آنها خودداری کنید.

با استفاده از این برنامه می توانید سایت خود را برای تغییر مسیرها بررسی کنید (نسخه رایگان آن وجود دارد): https://www.screamingfrog.co.uk/seo-spider/

4. تعداد پلاگین ها را کاهش دهید

این پاراگراف برای کسانی که از CMS استفاده می کنند اعمال می شود: وردپرس، جوملا یا هر چیز دیگری. فهرست پلاگین هایی را که برای غیرضروری یا عدم استفاده از آنها استفاده می کنید مرتباً بررسی کنید. کاهش تعداد افزونه ها تاثیر مثبتی بر بارگذاری سایت شما و به طور کلی کار آن خواهد داشت. اگر از وردپرس به عنوان سیستم مدیریت محتوای خود استفاده می کنید، می توانید تعداد پلاگین ها را با افزونه P3 (Plugin Performance Profiler) نیز بهینه کنید: https://wordpress.org/plugins/p3-profiler/ این افزونه عملکرد مربوط به عملکرد را به شما نشان می دهد. داده های دیگر افزونه ها، و اینکه هر کدام از آنها چگونه بر سایت تأثیر می گذارد. این به شما کمک می کند که ابتدا کدام افزونه ها را منسوخ کنید.

5. تصاویر خود را بهینه کنید

اندازه تصاویر در سایت به طور مستقیم بر زمان بارگذاری منبع تأثیر می گذارد. همه تصاویر باید بهینه شوند: اندازه، فرمت و فشرده سازی صحیح را تنظیم کنید. خلاص شدن از شر زباله های دیجیتالی به اصطلاح مفید خواهد بود: داده های مختلفی که در طول پردازش آن به تصویر وارد می شود.

6. از کش مرورگر استفاده کنید

با استفاده از کش، می توانید سرعت بارگذاری سایت خود را به میزان قابل توجهی افزایش دهید: زمانی که کاربر برای اولین بار از سایت شما بازدید می کند، برخی از فایل های جاوا اسکریپت و CSS در حافظه پنهان مرورگر او ذخیره می شود که سپس به طور خودکار در بازدیدهای بعدی وی نمایش داده می شود. و مرورگر نیازی به تلف کردن زمان برای دانلود آنها نخواهد داشت. برای کش کردن، هدر HTTP Expires باید به درستی پیکربندی شود. می توانید این کار را با نوشتن خطوط زیر در فایل htaccess. که در پوشه root قرار دارد انجام دهید:

هدر اضافه کردن Cache-Control "public" FileETag MTtime Size ExpiresActive در Expiresپیش‌فرض "دسترسی به اضافه 0 دقیقه" ExpiresByType تصویر/ico "دسترسی به اضافه 1 ماه" ExpiresByType متن/css "دسترسی به اضافه 1 ماه" ExpiresByType ماه "access plus1" ExpiresByType image/gif "دسترسی به اضافه 1 ماه" ExpiresByType image/jpg "دسترسی به اضافه 1 ماه" ExpiresByType image/png "دسترسی به اضافه 1 ماه"

که در این موردهمه انواع یک دوره زمانی 1 ماهه دارند، اما می‌توانید زمان را به هر چیزی که نیاز دارید تغییر دهید: حافظه پنهان را می‌توان برای تعداد معینی سال (سال)، ماه (ماه)، هفته (هفته) یا روز (روز) ذخیره کرد.

اگر از CMS خاصی استفاده می کنید، می توانید یک افزونه مخصوص برای این کار نصب کنید. در مورد وردپرس، W3 Total Cache مناسب است: کش در تنظیمات فعال است (تنظیمات این افزونه را در لیست همه انتخاب کنید پلاگین های نصب شده، سپس General - کادر "تغییر یا خاموش کردن همه انواع حافظه پنهان (به یکباره)" را علامت بزنید.

7. نظارت بر عملکرد وب سایت

این مهم است که به طور مداوم بر عملکرد سایت خود نظارت داشته باشید - حتی زمانی که فکر می کنید همه چیز را که می توانید بهینه کرده اید. منابع رایگان ویژه ای برای این کار وجود دارد که معروف ترین آنها در زیر ذکر شده است:

  • قبلاً در بالا ذکر شد بینش سرعت صفحه: https://developers.google.com/speed/pagespeed/insights/?hl=ru
    این ابزار از گوگل سرعت بارگذاری منبع وب شما را اندازه گیری می کند (از 0 تا 100 امتیاز؛ هر چه امتیاز بالاتر باشد، بهتر است). این سرویس به شما توصیه هایی برای بهبود عملکرد می دهد و همچنین به شما نشان می دهد که چه موارد بهینه سازی را تکمیل کرده اید. به خاطر داشته باشید که از آنجایی که Page Speed ​​Insights در معرض تغییرات و تنظیمات است، ممکن است تعداد امتیازهایی که سایت شما دریافت می کند نیز تغییر کند.
  • تست سرعت وب سایت Pingdom: http://tools.pingdom.com/fpt/
    خوب خدمات انگلیسی زبانسرعت بارگذاری منبع خود را بررسی کنید. این به ویژه برای کسانی که منابع بین المللی را مدیریت می کنند مفید خواهد بود، زیرا به شما امکان می دهد مکانی را که آزمون از آن انجام می شود انتخاب کنید: ایالات متحده آمریکا، استرالیا یا سوئد (نتیجه متفاوت خواهد بود). داده های مختلف زیادی را نمایش می دهد و توصیه هایی را ارائه می دهد.
  • تاثیر بار: https://loadimpact.com/
    این سرویس به شما این امکان را می دهد که چندین درخواست برای سایت خود ایجاد کنید که با استفاده از آنها می توانید اولاً از میانگین سرعت بارگذاری سایت خود مطلع شوید و ثانیاً متوجه شوید که سایت شما با تعداد معینی از درخواست ها چگونه رفتار می کند (آیا می تواند تحمل کند یا خیر. بار).
  • طوفان بار: http://loadstorm.com/
    با کمک این سرویس می توانید تست نسبتاً جدی سایت خود را راه اندازی کنید. نسخه رایگاناین سرویس به شما امکان می دهد منبع خود را با 10 کاربر آزمایش کنید، اما نسخه پولی گزینه های بیشتری را در اختیار شما قرار می دهد، به ویژه، می توانید به طور مستقل اسکریپتی بنویسید که کاربران آن را اجرا کنند (به عنوان مثال، روی دکمه خاصی کلیک کنید یا به بخش مورد نظر بروید. ). در این صورت، باید تأیید کنید که مالک سایت هستید.

نتیجه

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

بسیاری از کاربران می‌خواهند رایانه‌شان سریع کار کند، بنابراین از برنامه‌هایی برای حذف فایل‌های موقت، مانند پاک کردن خودکار سیستم (از جمله حذف کش مرورگر) استفاده می‌کنند. اما این یکی از دلایل اصلی کاهش سرعت بارگذاری صفحات در مرورگر است.

چرا مرورگرها کش ایجاد می کنند؟

در یکی از مقالات، الکساندر شیخوف شرح داد،. من کل مقاله را بازگو نمی کنم، فقط ماهیت اصلی را می گویم. حافظه پنهان فقط برای اطمینان از باز شدن سریع سایت ها مورد نیاز است. اگر هر روز آن را حذف کنید، دفعه بعد که مرورگر را راه‌اندازی می‌کنید و سعی می‌کنید سایت‌های مورد علاقه خود را باز کنید، مرورگر باید همان داده‌هایی را که می‌توانست از دیسک محلی (کش) در چند ثانیه بارگیری کند.

چرا به ما یاد داده اند که حافظه پنهان را پاک کنیم؟

برای سال‌ها، توسعه‌دهندگان برنامه‌های پاکسازی سیستم به ما یاد داده‌اند که حافظه پنهان اضافی است و باید پاک شود. آنها این را به سادگی توجیه کردند - فضای زیادی را اشغال می کند که می توان از آن منطقی تر استفاده کرد. اما در واقعیت، این فقط یک ترفند است، دلیلی برای اضافه کردن دو یا سیصد مگابایت و چندین هزار فایل به آمار "زباله"های موجود در سیستم. این باعث می شود چنین محصولی به دلیل یافتن رقبای بیشتر (یا نه کمتر) در نظر کاربران بهتر به نظر برسد.

این به این دلیل است که اکثریت میزان زباله های یافت شده را ارزیابی می کنند و نه کیفیت آن را. اگر برنامه ای 700 مگ زباله در سیستم پیدا کند و 900 مگابایت دیگر، برنامه دوم قطعا بهتر به نظر می رسد. و مهم نیست که 200 مگابایت بالا با افزودن کش مرورگر اضافه شده است، که در عرض یک روز همان 200 مگابایت را دوباره پر می کند. این یک دلیل عالی برای پیشنهاد تمیز کردن مجدد سیستم است، اینطور نیست؟

تاریخچه مرورگر و فایل های موقت را بدون پاک کردن کش حذف کنید

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

استفاده از حالت خصوصی (حالت ناشناس)

اگر نمی خواهید هیچ سایتی روی رایانه شخصی شما اثری بگذارد، کافی است آن را فعال کنید حالت خصوصیصفحات مرور (در آن با ترکیب Ctrl + Shift + N فعال می شود)، پس از بسته شدن آن، تمام تاریخچه و داده های صفحات مشاهده شده از مرورگر حذف می شود و هیچ کس هرگز از آنها مطلع نخواهد شد.

کش مرورگر یک چیز بسیار مفید و ضروری است که اگر نمی خواهید وبگردی را ناراحت کننده کنید، نیازی به حذف آن ندارید. اگر به طور منظم کش مرورگرهای خود را پاک می کنید، تنها چیزی که با این عمل به دست می آورید کاهش سرعت بارگذاری صفحه، افزایش زمان انتظار و کاهش عملکرد خود است.

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

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

می توانید موارد زیر را امتحان کنید:

    اگر کاربران به طور منظم دوازده یا چند شی غیر کش یا غیر کش را دانلود می کنند، ارزش آن را دارد که دانلودهای خود را در 4 میزبان پخش کنند. در این حالت معمولا کاربر قادر خواهد بود تا 4 برابر بیشتر ارتباط برقرار کند. بدون خط لوله HTTP، این امر منجر به کاهش تلفات ارسال درخواست تا حدود 4 برابر می شود.

    هنگام تولید یک صفحه، وظیفه توزیع تصاویر در 4 میزبان مختلف را خواهید داشت. این کار به راحتی با هر تابع هش مانند MD5 انجام می شود. به جای دانلود همه چیز از یک http://static.example.com/، 4 میزبان (مانند static0.example.com، static1.example.com، static2.example.com، static3.example.com) ایجاد کنید و از 2 بیت از مقادیر MD5 استفاده کنید. برای هر عکس انتخاب کنید که کدام هاست لینک دانلود آن را قرار دهید. مطمئن شوید که همه صفحات از الگوریتم تطبیق یکسانی استفاده می کنند (برای هر تصویر به میزبان یکسانی اشاره کنید)، در غیر این صورت با کش کردن بی فایده مبارزه خواهید کرد.

    البته شایان ذکر است که افزودن یک میزبان دیگر هزینه جستجوی DNS اضافی و اتصالات HTTP را افزایش می دهد. اگر کاربران درخواست خط لوله را فعال کرده باشند یا صفحه کمتر از ده شیء بارگیری شود ( من شخصاً توصیه می کنم 5-6 در هر میزبان را هدف قرار دهید، یعنی. با 10 شی، می توانید میزبان دوم، با 16 - سوم و با 25 - چهارم وارد شوید.)، در این صورت کاربران از افزایش تعداد درخواست های موازی بهره ای نبرده و به جای افزایش سرعت بارگذاری سایت، متوجه کاهش سرعت آن می شوند. مزایای این رویکردفقط برای صفحاتی با تعداد زیادیاشیاء خارجی ارزش آن را دارد که قبل از اجرای کامل این تکنیک، تفاوت زمان بارگذاری را برای کاربران خود اندازه گیری کنید.

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

    از نظر تأخیر شبکه، اشیاء کوچک (یا آینه یا حافظه پنهان آنها) را تا حد امکان نزدیک به کاربران قرار دهید. برای سایت های بزرگ با مخاطب بین المللی، می توانید از هر دو استفاده کنید شبکه های پولیتحویل محتوا ( شبکه تحویل محتوا) و ماشین های مجازی در عرض 50 میلی ثانیه برای 80 درصد از کاربران شما، به همراه بسیاری از روش های موجود برای توزیع درخواست های کاربر به نزدیک ترین آنها ماشین مجازی (به هر حال، سایت های بسیاری از شرکت های بین المللی از جمله Acronis اینگونه کار می کنند و کاربران را بر اساس نسخه های محلی بسته به منطقه جغرافیایی توزیع می کنند.).

    با ورود به سیستم با اتصالات "معمولی" سایت خود را به طور منظم بررسی کنید. در مورد من، استفاده از یک "پراکسی آهسته" که اتصال بد DSL از نیوزلند را شبیه‌سازی می‌کند (768 کیلوبیت در ثانیه، 128 کیلوبیت در ثانیه خروجی، تاخیر 250 میلی‌ثانیه، 1% از دست دادن بسته) به جای یک لینک گیگابایت با چند میلی ثانیه از سرورهای ایالت‌ها ثابت شد. کاملا مفید باشد ما تعدادی از اشکالات عملکردی و مشکلات قابلیت استفاده را خیلی سریع پیدا و رفع کردیم.

    برای شبیه سازی چنین اتصال کندی، از ماژول ها استفاده کردم هسته های لینوکس netem و HTB که از نسخه 2.6 در دسترس هستند. هر دوی این ماژول ها با دستور نصب می شوند. این امکان را برای دقیق ترین شبیه سازی که من توانسته ام پیدا کنم را فراهم می کند، اما من آن را کامل نمی نامم. من شخصاً از آن استفاده نکرده ام، اما، طبق نظر عمومی، بر اساس فرصت پنهاندر مرورگر آنها، که همچنین به شما امکان می دهد برخی از آنها را دریافت کنید اطلاعات تکمیلیدر مورد دانلود

    اگر با پروتکل HTTP و TCP/IP در سطح بسته آشنا هستید، می توانید سعی کنید با استفاده از tcpdump یا . این ابزارها به سادگی برای اشکال زدایی شبکه از هر نوعی ضروری هستند.

    سعی کنید صفحاتی که اغلب در سایت خود بارگذاری می شوند را برای عملکرد آزمایش کنید شبکه محلی، با استفاده از سرور ارائه شده با وب سرور آپاچی. اگر سرور هنگام ایجاد یک صفحه بیشتر از 5 تا 10 میلی ثانیه پاسخ می دهد، ارزش آن را دارد که به خوبی درک کنید که زمان سرور صرف چه چیزی می شود.

    اگر این آزمایش‌ها منجر به تأخیر بسیار بالا می‌شوند و فرآیند وب سرور (یا CGI، اگر از آن استفاده می‌کنید) بیش از حد CPU را می‌خورد، دلیل این امر اغلب می‌تواند نیاز به کامپایل اسکریپت‌ها در زمان اجرا برای هر درخواست باشد. چنین نرم افزارمانند eAccelerator برای PHP، mod_perl برای perl، mod_python برای پایتون، و غیره می‌توانند اسکریپت‌های سمت سرور را در حالت کامپایل شده ذخیره کنند و سرعت بارگذاری سایت شما را به میزان قابل توجهی افزایش دهند. علاوه بر این، ارزش دارد که یک ابزار پروفایل برای زبان برنامه نویسی خود پیدا کنید تا مشخص کنید که منابع CPU در چه مواردی هزینه می شود. اگر بتوانید علت استفاده زیاد از CPU را برطرف کنید، صفحات سریع‌تر رندر می‌شوند و می‌توانید ترافیک بیشتری را در ماشین‌های کمتری ارائه دهید.

    اگر سایت شما هنگام ایجاد یک صفحه، پرس و جوهای پایگاه داده یا محاسبات سنگین دیگری را انجام می دهد، برای عملیات کند، حافظه پنهان سمت سرور را اضافه کنید. اکثر مردم با نوشتن کش روی حافظه محلی یا دیسک محلی شروع می کنند، با این حال، اگر سیستم شما به یک خوشه وب سرور گسترش یابد، این منطق کار نمی کند. هر کدام با خودش دیسک محلیو حافظه محلی). ارزش آن را دارد که از memcached استفاده کنید، که یک کش مشترک بسیار سریع ایجاد می کند که رایگان را جمع می کند. رمتمام ماشین های موجود کلاینت های آن به اکثر زبان های رایج منتقل می شوند.

    (اختیاری) از فروشندگان مرورگر درخواست کنید تا خط لوله درخواست های HTTP را به طور پیش فرض در مرورگرهای جدید فعال کنند. اگر این کار انجام شود، دیگر مجبور نیستیم این "رقص با تنبور" را اجرا کنیم ( این ترفندها) و بیشتر وب برای کاربر معمولی سریعتر بارگذاری می شود. (این در فایرفاکس غیرفعال است، احتمالاً به دلیل برخی از پروکسی ها، برخی از متعادل کننده های بار و برخی از نسخه های IIS ( سلام مایکروسافت!) که در درخواست های خط لوله دچار شوک می شوند. اما به نظر می رسد اپرا برای فعال کردن این ویژگی به صورت پیش فرض کارهای زیادی انجام داده است. چرا همه مرورگرهای دیگر نمی توانند این کار را انجام دهند؟)

نتیجه

این لیست حاوی نظرات من در مورد چگونگی افزایش سرعت ارتباط بین مرورگر و سرور است و می تواند به طور کلی برای بسیاری از سایت ها اعمال شود، صرف نظر از نحوه استفاده از وب سرور یا زبان توسعه برای نوشتن سایت. با این حال، متأسفانه، همه این کارها به ندرت انجام می شود.

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

که در گوگل کرومهمانند سایر مرورگرهای ویندوز، این مشکل وجود دارد که پس از بارگذاری صفحه، برخی از فایل های دانلود شده در رایانه ذخیره می شوند.

با گذشت زمان، آنها شروع به اشغال فضای زیادی روی هارد دیسک شما می کنند.

شما باید کوکی ها را به طور منظم پاک کنید، اگرچه ممکن است همه چیز مرتب باشد. این روش زمان زیادی نمی برد، زیرا در Google Chrome انجام آن بسیار ساده است.

آنچه هست

قبل از پاک کردن حافظه پنهان در گوگل کروم در ویندوز، باید بدانید که به طور کلی چیست. اصطلاح پول نقد از کلمه انگلیسی cashe گرفته شده است. دلالت بر مخفیگاه یا محل نگهداری دارد. همچنین به دلیل این واقعیت که داده های متنی یک سایت ذخیره شده در رایانه کاربر است، اغلب به عنوان «کوکی» نیز شناخته می شود. اگر جزئیات فنی را کنار بگذاریم، می توان گفت که چنین مخازن اطلاعاتی امکان ارائه را فراهم می کند باز شدن سریعو نمایش آن دسته از سایت هایی که کاربر قبلاً از طریق کروم از آنها بازدید کرده است.

به طور کلی، چنین ذخیره‌سازی‌هایی گزینه عالی هستند که به شما امکان می‌دهند ترافیک اینترنت خود را ذخیره کنید. بنابراین، به عنوان مثال، پس از تماشای یک ویدیو در یک سایت خاص، با مشاهده مجدد آن، دیگر نیازی به دانلود کامل آن از شبکه نخواهد بود. واقعیت این است که الگوریتم های مرورگر به طور خودکار یک کپی از آن ویدیو ایجاد می کنند و آن را در حافظه رایانه قرار می دهند و در نتیجه کوکی ها و حافظه پنهان ایجاد می کنند. همچنین بارگذاری سریعتر را فراهم می کند.

با این حال، این مورد نیز معایب خود را دارد. برای مثال:

  • اگر تغییراتی در سایت ایجاد شده باشد، پس از بازدید از مرورگر و ذخیره اطلاعات مربوط به آن در کوکی ها، همه آن به شکل جدیدی نمایش داده نمی شود. دلیل آن این است که قبلاً یک تصویر در حافظه وجود دارد نسخه قدیمیوب سایتی که توسط الگوریتم های مرورگر بارگذاری می شود و می تواند به کاربر نمایش داده شود. برای جلوگیری از این امر، باید ذخیره سازی اطلاعات را به موقع پاکسازی کنید.
  • جنبه منفی دیگر این است که چنین اطلاعاتی، اگر برای مدت طولانی پاک نشوند، زمان بسیار زیادی طول می کشد. تعداد زیادی ازفضای هارد دیسک با کاهش فضای خالی آن.

چگونه تمیز کنیم

خود این روش تا حد امکان ساده است. اول از همه، شما باید خود مرورگر را از طریق راه اندازی کنید سیستم ویندوز. حالا باید کلیدهای ترکیبی Shift + Ctrl + Delete را فشار دهید. این بیشترین است راه سریعباز کردن کوکی های مرورگر این را می توان به روش دیگری نیز انجام داد. برای انجام این کار، باید دکمه ورود به منو را در کروم پیدا کنید (این در داخل است آخرین نسخه هانشان داده شده توسط سه نقطه مرتب شده در یک ستون)، "تنظیمات و مدیریت" نامیده می شود و کلیک کنید.

در ظاهر شد منوی زمینهشما باید مورد "تنظیمات" را انتخاب کنید، پس از آن یک برگه با تمام پارامترهای موجود برای تغییرات باز می شود. ما به پایین صفحه می رویم، جایی که دکمه "نمایش" در آن قرار دارد. تنظیمات اضافی” و آن را فشار دهید. ما در آنجا بخش "داده های شخصی" را پیدا می کنیم، جایی که باید روی دکمه "پاک کردن تاریخچه" کلیک کنید.

در مرحله بعد، پنجره ای ظاهر می شود که در آن، علاوه بر ذخیره سازی فایل های لازم، امکان پاک کردن داده های تاریخچه دانلود ذخیره شده، سایت هایی که بازدید شده اند، و همچنین اطلاعات مربوط به رمزهای عبور نیز وجود خواهد داشت. برای انتخاب اینکه دقیقاً چه چیزی حذف شود، باید کادر کنار یک مورد خاص را علامت بزنید. پس از آن، می توانید به سادگی روی دکمه "پاک کردن تاریخچه" کلیک کنید و منتظر بمانید تا مراحل تکمیل شود.

این فرآیند پاکسازی اطلاعات ذخیره‌سازی فایل مرورگر Google Chrome از طریق ویندوز را تکمیل می‌کند. البته لازم به ذکر است که با قرار گرفتن در قسمت تنظیمات “Personal Data” می توانید تعداد دفعات حذف نوع خاصی از داده های ذخیره شده در گوگل کروم را مشخص کنید. این اطمینان حاصل می کند که همه فایل ها حذف نمی شوند، بلکه فقط منسوخ شده اند و دیگر مرتبط نیستند. همچنین، شایان ذکر است که کوکی ها و کش تفاوت های قابل توجهی دارند:

  • اولین مورد، آثار عجیب و غریبی است که پس از بازدید از سایت در قالب اطلاعات مبادله شده بین وب سایت ها و خود کروم باقی می ماند.
  • دومی مخزنی از فیلم ها، موسیقی ها و عکس های دانلود شده از وب سایت های مختلف است.

شما همچنین می توانید تمام فایل های ذخیره شده را حتی بدون رفتن به کروم حذف کنید. برای این کار باید خود پوشه را در ویندوز که در آن ذخیره می شود باز کنید.
این کار را معمولاً می توان با رفتن به C:\Documents and Settings\Admin\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache\ که در آن "Admin" نام کاربری ویندوز است انجام داد.

ما کتاب جدیدی با عنوان "بازاریابی محتوا در در شبکه های اجتماعی: چگونه وارد سر مشترکین شوید و عاشق برند خود شوید.

نیل پاتل مقاله ای در مورد چگونگی افزایش سرعت سایت موبایل خود منتشر کرده است.

چه کاری انجام می دهد: در سال 2014، وب سایت Walmart در 7 ثانیه روی دستگاه های تلفن همراه بارگیری شد و به کاربران نشان داد صفحه نمایش سفید. در طول سال، Walmart زمان بارگذاری صفحه را به 2.9 ثانیه کاهش داد. 4 ثانیه با کاهش موانع بارگذاری قطع شد: ساده سازی کد جاوا اسکریپت، فونت های کند را حذف کنید، تصاویر را بهینه کنید. افزایش سرعت برای هر ثانیه باعث افزایش 2 درصدی تبدیل سایت شد.

به علاوه 2٪ فقط به این دلیل که کاربر شروع به انتظار برای باز شدن صفحه با 1 ثانیه کمتر کرد. این دلیل خوبی برای بررسی سایت شماست. حتی اگر به نظر شما سریع کار می کند، ممکن است معلوم شود که هنوز ثانیه های اضافی باقی مانده است و آنها سود شما را می دزدند. نیل پاتل در مورد اینکه چگونه می توان سرعت سایت خود را فهمید و در صورت لزوم چگونه سرعت آن را افزایش داد صحبت کرد.

ایرینا وینیچنکو

بازاریاب محتوا SEMANTICA

سرعت بارگذاری وب سایت یک پارامتر مهم برای ارتقاء در آن است موتورهای جستجواوه سرعت کمتعداد مشتریان در سایت های خدماتی، فروش در فروشگاه های آنلاین، مخاطبان وبلاگ را کاهش می دهد.

چندین سرویس وجود دارد که به شما کمک می کند تا از سرعت بارگذاری سایت مطلع شوید. من توانایی های آنها را شرح نمی دهم، آنها را سریعتر آزمایش خواهم کرد و نحوه عملکرد سرویس ها را با استفاده از یک مثال خاص یاد خواهم گرفت، مزایا / معایب را ارزیابی می کنم.

  • pr-cy.ru
  • mainspy.ru
  • airi.rf

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

من در مقالاتم در مورد اهمیت بهینه سازی موبایل صحبت می کنم. چرا اینقدر به این موضوع اهمیت می دهم؟

زیرا ترافیک موبایلاین واقعیت دنیای دیجیتال است. اکنون مهمتر از ترافیک دسکتاپ است. 51.3 درصد از کل کاربران اینترنت را کاربران موبایل تشکیل می دهند. این تعداد در آینده افزایش خواهد یافت.

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

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

علاوه بر این، همه بهترین روش‌های بهینه‌سازی توسعه‌یافته برای رایانه‌های رومیزی برای موبایل نیز اعمال می‌شود. من در مورد یکی از آنها صحبت خواهم کرد - در مورد سرعت.

چرا مهم است که به سرعت فکر کنیم

انتظار کاربران از سایت بارگذاری سریع. اگر سرعت آن کاهش یابد، حجم زیادی از ترافیک را از دست خواهید داد.
بگذارید یک نمونه از تحقیقات را برای شما بیان کنم. وقتی از شما پرسیده شد که آیا با سایت‌هایی مواجه شده‌اید که بارگذاری آن‌ها در موبایل خیلی طول می‌کشد، ۷۳ درصد از کاربران پاسخ مثبت دادند. در صورتی که بارگذاری صفحه بیش از 3 ثانیه طول بکشد، 40 درصد از آنها سایت را ترک کردند.

مطالعاتی وجود دارد که نشان می دهد مردم انتظار دارند که سایت حتی سریعتر بارگذاری شود - به معنای واقعی کلمه در یک چشم به هم زدن، یعنی در عرض 400 میلی ثانیه.

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

سرعت بارگذاری وب سایت خود را بدانید

ممکن است فکر کنید که سایت شما به اندازه کافی سریع بارگذاری می شود. اما ممکن است کندتر از آنچه فکر می کنید باشد.

یکی از بهترین تست هاسرعت سایت موبایل - Think With Google:

ما در Amazon.com آزمایش خواهیم کرد، زیرا اغلب از دستگاه های تلفن همراه استفاده می شود.

فرآیند تجزیه و تحلیل یک یا دو دقیقه طول می کشد.

در پایان تجزیه و تحلیل، سه امتیاز را مشاهده خواهید کرد:

در این مقاله دو ارزیابی اول برای ما مهم است: موبایل فرندلی و سرعت موبایل، یعنی سازگاری سایت برای کاربران موبایل و سرعت دانلود.

اولین امتیاز نشان می دهد که استفاده از سایت شما در موبایل چقدر آسان است. این یک معیار کلی است. با توجه به این شاخص، آمازون عالی عمل می کند. اما از نظر سرعت دانلود بد است.
Think With Google تشخیص رایگان وب سایت را ارائه می دهد. توصیه می کنم با تهیه یک گزارش دقیق موافقت کنید و ببینید که خدمات در نتیجه تجزیه و تحلیل چه چیزی ارائه می دهد.

طراحی سایت موبایل خود را بهبود بخشید

به زمانی که در حال طراحی وب سایت خود بودید فکر کنید. آیا دستگاه های تلفن همراه را در نظر گرفته اید؟ به ندرت.

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

سایت های موبایل در چند سال اخیر تغییرات زیادی کرده اند. در گذشته، داشتن دو نسخه از یک وب سایت معمولی، دسکتاپ و موبایل رایج بود. دومی به راحتی توسط زیر دامنه "m" شناسایی شد:

در این شرایط سایت های موبایل و دسکتاپ به طور متفاوتی مدیریت می شوند. آنها را می توان با مک دونالد و مک اتو مقایسه کرد. دسکتاپ یک رستوران مک دونالد است. سایت موبایل MakAuto است.

این بدان معناست که نسخه موبایل یک برنامه کاربردی برای دسکتاپ است، وظایف خود را انجام می دهد، اما نمی تواند خدمات و راحتی را که سایت اصلی و دسکتاپ ارائه می دهد، ارائه دهد.

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

طراحی وب ریسپانسیو به معنای توانایی یک سایت برای تغییر بسته به دستگاهی است که به آن دسترسی دارید. بنابراین، کاربران مرورگر تلفن همراه و کاربران دسک‌تاپ همان سایت را باز می‌کنند، اما نحوه مشاهده آن به دستگاه مورد استفاده هنگام دانلود بستگی دارد.

گوگل این رویکرد را می پسندد که با بیانیه شرکت تأیید می شود: طراحی تطبیقیالگوی طراحی است که گوگل توصیه می کند.

ممکن است فکر کنید، "باشه، عالی. اما چگونه طراحی وب ریسپانسیو می تواند به من در حل مشکلات سرعت کمک کند.

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

بنابراین اگر در حال حاضر یک طراحی وب ریسپانسیو ندارید، وقت آن است که در مورد آن فکر کنید.

سایت خود را آسان کنید

وقتی سایتی دارای تجسم زیاد است، به نظر عالی به نظر می رسد. این کار باعث می شود که کاربر راحت تر درگیر شود.
اما گاهی اوقات تجسم بیش از حد است. در نتیجه سایت کندتر بارگذاری می شود. هرچه تصویری که اضافه می‌کنید بزرگ‌تر باشد، بارگذاری آن بیشتر طول می‌کشد.

توسعه دهندگان این کد حالت را bloat یا نرم افزار bloated می نامند. این سایت که به زبان یک کاربر غیر برنامه نویس ترجمه شده است، با کد اضافی سنگین تر می شود.

در بیشتر موارد، دلیل ظاهر کد اضافی تمرکز بیش از حد طراح بر روی ارائه بصری است. بیش از حد است، زیرا البته باید به طراحی زیبا فکر کرد. اما در عین حال، اثربخشی سایت نباید در پس زمینه محو شود.

خوشبختانه کارایی و دکوراسیون زیباکاملا مطابقت دارد چند نکته:

ساده کردن

لئوناردو داوینچی گفت: "سادگی حد نهایی تجربه است." پس از گذشت نزدیک به پانصد سال، سخنان او همچنان صادق است. اگر به اطراف خود نگاه کنید، خواهید دید که هر چیزی که در اطراف شما پیچیده است با یک طراحی مینیمال جایگزین شده است. این برای وب سایت ها نیز کار می کند. به خصوص موبایل، زیرا روی صفحه نمایش دستگاه های قابل حملفضای خیلی کم فضای محوری به راحتی سرریز می شود. به این فکر کنید که چگونه از آشفتگی جلوگیری کنید.

به طور معمول، یک سایت تلفن همراه فقط باید یک CTA در هر صفحه داشته باشد. چنین محدودیتی به شما کمک می کند تا کد را کوتاه کنید و تأثیر مثبتی بر تجربه کاربر داشته باشید.

به عنوان مثال طراحی سادهتوسط دکتر فرش:

فریبنده. بدون درخشش اضافی جلب توجه می کند.

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

قدم هایت را کوتاه کن

هرچه بازدیدکنندگان سایت کمتر کاری انجام دهند، بهتر است.

چرا بین خریدار و خرید 7 قدم بردارید، در حالی که سه مرحله کافی است. کوتاه کردن قیف فروش به شما کمک می کند تا محصول را سریعتر بفروشید و فرآیند را برای خود کاربر ساده کنید.

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

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

صاف و ساده. هیچ چیز اضافی.

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

از تصاویر کمتری استفاده کنید

تصاویر خوب برای هر سایتی مفید است. کاربرانی که آنها را دوست دارند، در سئو کمک می کنند. اما اگر خیر زیاد شود، دیگر خوب نیست.

برای مرجع: تصاویر تقریباً 63٪ وزن صفحه را اشغال می کنند.

از 2011 تا 2015 میانگین وزن صفحه موبایلسه برابر رشد کرد

تصاویر پرتقاضاترین عناصر یک صفحه هستند. آنها فضای زیادی را اشغال می کنند. تعداد زیاد تصاویر بد است.

دو راه برای کاهش اندازه تصویر وجود دارد:

  • عکس را برش دهید
  • تصویر را فشرده کنید.

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

از فونت های سفارشی استفاده نکنید

من دوست دارم فونت های زیبا. اما اکثر آنها بسیار خواستار هستند.

برخی CSS زیادی می خورند، برخی دیگر جاوا اسکریپت را سنگین می کنند. در هر صورت، شما باید با یک کد بزرگ دست و پنجه نرم کنید.

Minify Code

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