Summarize this content to 400 words in Persian Lang
یک سایت سریع، با بارگیری سریع می‌تواند چنین تجربه برجسته و قابل توجهی باشد – ما می‌بینیم که این هفته برای McMaster-Carr در توییتر نتایج بسیار خوبی را به همراه خواهد داشت.
همه چیز از آنجا شروع شد که کنت کسل، موسس rmfg.com، یک شرکت تولید ورق فلزی خودکار، به این نکته اشاره کرد که چگونه یک شرکت لوازم صنعتی 100 ساله چنین تجربه خرید آنلاین فوق‌العاده‌ای داشت.
این توییت در زمان نگارش ده‌ها میلیون بازدید داشت، که نوعی از شرکت‌های بازاریابی است که دلار بالایی برای آن پرداخت می‌کنند.
مک مستر کار کیست؟
اگر شما هم مثل من هستید، احتمالاً تا به حال نام آنها را نشنیده اید. به نظر می رسد، این شرکت لوازم صنعتی پس از آمازون و بارنز و نوبل در سال 2002 در رتبه سوم قرار گرفت. بنابراین آنها همیشه مخاطبان اصلی کاربرانی داشته اند که به طور منظم از این سایت استفاده می کنند. آنچه باورنکردنی است این است که تجربه سایت چقدر سریع است، چقدر سریع به شما امکان می دهد کاتالوگ صدها هزار قطعه را پیدا کنید.
مطالعات نشان داده است که یک سایت با بارگذاری کند می تواند منجر به ناامیدی مشتریان و از دست دادن فروش شود. به همین دلیل است که شرکت ها سرمایه گذاری زیادی روی جدیدترین فناوری ها و چارچوب ها می کنند تا وب سایت های خود را سریع نگه دارند. بنابراین، ممکن است یک یا دو ابرو بالا بیاوریم تا بفهمیم که McMaster-Carr با فناوری «میراث» به این موفقیت دست یافته است.
آنها از ASP.NET برای رندر سمت سرور استفاده می کنند، چارچوبی که اگرچه قوی است، اما اغلب با برنامه های کاربردی وب قدیمی مرتبط است. جاوا اسکریپت آنها بر jQuery و حتی YUI (کتابخانه رابط کاربری یاهو!) تا حدودی مبهم و قدیمی متکی است.
نکته کلاه به Wes Bos برای این تفکیک به پشته فن آوری خود را.
وب سایت McMaster-Carr به دلیل ترکیبی از بهینه سازی عملکرد هوشمندانه، بسیار سریع احساس می شود. در حالی که ممکن است مانند یک وب سایت ساده و قدیمی به نظر برسد، در پشت صحنه اتفاقات زیادی برای اطمینان از تجربه کاربری روان و پاسخگو وجود دارد. در اینجا تجزیه و تحلیل تکنیک های کلیدی است:
رندر سمت سرور: وب سایت در درجه اول به HTML ارائه شده توسط سرور متکی است. این بدان معناست که سرور HTML کاملی را برای هر صفحه قبل از ارسال آن به مرورگر تولید می کند. این امر از نیاز به جاوا اسکریپت سمت سرویس گیرنده برای ساخت صفحه جلوگیری می کند و در نتیجه زمان بارگذاری اولیه سریعتر می شود.
پیش واکشی: هنگامی که ماوس را روی یک پیوند نگه می دارید، McMaster-Carr به طرز هوشمندانه ای HTML آن صفحه را در پس زمینه واکشی می کند. به این ترتیب، اگر روی پیوند کلیک کنید، محتوا از قبل در دسترس است، که منجر به انتقال تقریباً آنی صفحه می شود.
ذخیره سازی CDN: McMaster-Carr از Akamai، یک CDN (شبکه تحویل محتوا) برای ذخیره HTML از پیش رندر شده خود در سراسر جهان استفاده می کند. این تضمین می کند که کاربران می توانند از نزدیک ترین سرور به محتوا به محتوا دسترسی داشته باشند و زمان تاخیر و بارگذاری را کاهش می دهد.
حافظه پنهان سمت مشتری (کارگران خدمات): آنها همچنین از کارگران خدماتی استفاده می کنند که مانند یک حافظه پنهان در سطح مرورگر عمل می کنند. هنگامی که یک صفحه بارگیری می شود، کارگر سرویس می تواند درخواست های بعدی را رهگیری کند و نسخه کش را ارائه دهد و بازدیدهای مکرر را به سرعت انجام دهد.
پیش بارگیری دارایی ها: این وب‌سایت دارایی‌های حیاتی مانند فونت‌ها و تصاویر را از قبل بارگذاری می‌کند و به مرورگر دستور می‌دهد تا آنها را در مراحل اولیه بارگیری دانلود کند. این امر از تاخیرهای ناشی از نیاز مرورگر به کشف و درخواست این دارایی‌ها در آینده جلوگیری می‌کند.
CSS بحرانی: McMaster-Carr مهم‌ترین سبک‌های CSS را مستقیماً در HTML قرار می‌دهد، و تضمین می‌کند که طرح اولیه و استایل صفحه بلافاصله بدون منتظر ماندن برای دانلود فایل‌های CSS خارجی اعمال می‌شود.
تحویل بهینه جاوا اسکریپت: آنها بسته بندی هوشمند جاوا اسکریپت را تمرین می کنند و فقط کد جاوا اسکریپت لازم را برای هر صفحه خاص بارگذاری می کنند. این مقدار جاوا اسکریپتی را که باید تجزیه و اجرا شود کاهش می‌دهد و به تجربه‌ای سریعتر کمک می‌کند.
تصاویر و جن با اندازه ثابت: McMaster-Carr از ابعاد ثابتی برای تصاویر استفاده می کند تا از تغییر طرح در حین بارگذاری جلوگیری کند. علاوه بر این، آنها از اسپرایت های تصویر استفاده می کنند و چندین تصویر را در یک فایل واحد ترکیب می کنند. این تعداد درخواست های HTTP را کاهش می دهد و زمان بارگذاری صفحه را بهینه می کند.
سرعت بر اساس طراحی
اگر در یک فضای قدیمی خسته کننده با تعداد زیادی بازیکن هستید، این همیشه یادآوری خوبی از اهمیت بهینه سازی سرعت برای تجربه کلی کاربر است. این یک یادآوری است که مهندسی وب مؤثر همیشه به دنبال دنبال کردن آخرین روندها و چارچوب‌های طراحی نیست.
یک سایت سریع، با بارگیری سریع می‌تواند چنین تجربه برجسته و قابل توجهی باشد – ما می‌بینیم که این هفته برای McMaster-Carr در توییتر نتایج بسیار خوبی را به همراه خواهد داشت.
همه چیز از آنجا شروع شد که کنت کسل، موسس rmfg.com، یک شرکت تولید ورق فلزی خودکار، به این نکته اشاره کرد که چگونه یک شرکت لوازم صنعتی 100 ساله چنین تجربه خرید آنلاین فوق‌العاده‌ای داشت.
این توییت در زمان نگارش ده‌ها میلیون بازدید داشت، که نوعی از شرکت‌های بازاریابی است که دلار بالایی برای آن پرداخت می‌کنند.
مک مستر کار کیست؟
اگر شما هم مثل من هستید، احتمالاً تا به حال نام آنها را نشنیده اید. به نظر می رسد، این شرکت لوازم صنعتی پس از آمازون و بارنز و نوبل در سال 2002 در رتبه سوم قرار گرفت. بنابراین آنها همیشه مخاطبان اصلی کاربرانی داشته اند که به طور منظم از این سایت استفاده می کنند. آنچه باورنکردنی است این است که تجربه سایت چقدر سریع است، چقدر سریع به شما امکان می دهد کاتالوگ صدها هزار قطعه را پیدا کنید.
مطالعات نشان داده است که یک سایت با بارگذاری کند می تواند منجر به ناامیدی مشتریان و از دست دادن فروش شود. به همین دلیل است که شرکت ها سرمایه گذاری زیادی روی جدیدترین فناوری ها و چارچوب ها می کنند تا وب سایت های خود را سریع نگه دارند. بنابراین، ممکن است یک یا دو ابرو بالا بیاوریم تا بفهمیم که McMaster-Carr با فناوری «میراث» به این موفقیت دست یافته است.
آنها از ASP.NET برای رندر سمت سرور استفاده می کنند، چارچوبی که اگرچه قوی است، اما اغلب با برنامه های کاربردی وب قدیمی مرتبط است. جاوا اسکریپت آنها بر jQuery و حتی YUI (کتابخانه رابط کاربری یاهو!) تا حدودی مبهم و قدیمی متکی است.
https://www.youtube.com/watch?v=-Ln-8QM8KhQ
نکته کلاه به Wes Bos برای این تفکیک به پشته فن آوری خود را.
وب سایت McMaster-Carr به دلیل ترکیبی از بهینه سازی عملکرد هوشمندانه، بسیار سریع احساس می شود. در حالی که ممکن است مانند یک وب سایت ساده و قدیمی به نظر برسد، در پشت صحنه اتفاقات زیادی برای اطمینان از تجربه کاربری روان و پاسخگو وجود دارد. در اینجا تجزیه و تحلیل تکنیک های کلیدی است:
- رندر سمت سرور: وب سایت در درجه اول به HTML ارائه شده توسط سرور متکی است. این بدان معناست که سرور HTML کاملی را برای هر صفحه قبل از ارسال آن به مرورگر تولید می کند. این امر از نیاز به جاوا اسکریپت سمت سرویس گیرنده برای ساخت صفحه جلوگیری می کند و در نتیجه زمان بارگذاری اولیه سریعتر می شود.
- پیش واکشی: هنگامی که ماوس را روی یک پیوند نگه می دارید، McMaster-Carr به طرز هوشمندانه ای HTML آن صفحه را در پس زمینه واکشی می کند. به این ترتیب، اگر روی پیوند کلیک کنید، محتوا از قبل در دسترس است، که منجر به انتقال تقریباً آنی صفحه می شود.
- ذخیره سازی CDN: McMaster-Carr از Akamai، یک CDN (شبکه تحویل محتوا) برای ذخیره HTML از پیش رندر شده خود در سراسر جهان استفاده می کند. این تضمین می کند که کاربران می توانند از نزدیک ترین سرور به محتوا به محتوا دسترسی داشته باشند و زمان تاخیر و بارگذاری را کاهش می دهد.
- حافظه پنهان سمت مشتری (کارگران خدمات): آنها همچنین از کارگران خدماتی استفاده می کنند که مانند یک حافظه پنهان در سطح مرورگر عمل می کنند. هنگامی که یک صفحه بارگیری می شود، کارگر سرویس می تواند درخواست های بعدی را رهگیری کند و نسخه کش را ارائه دهد و بازدیدهای مکرر را به سرعت انجام دهد.
- پیش بارگیری دارایی ها: این وب‌سایت دارایی‌های حیاتی مانند فونت‌ها و تصاویر را از قبل بارگذاری می‌کند و به مرورگر دستور می‌دهد تا آنها را در مراحل اولیه بارگیری دانلود کند. این امر از تاخیرهای ناشی از نیاز مرورگر به کشف و درخواست این دارایی‌ها در آینده جلوگیری می‌کند.
- CSS بحرانی: McMaster-Carr مهم‌ترین سبک‌های CSS را مستقیماً در HTML قرار می‌دهد، و تضمین می‌کند که طرح اولیه و استایل صفحه بلافاصله بدون منتظر ماندن برای دانلود فایل‌های CSS خارجی اعمال می‌شود.
- تحویل بهینه جاوا اسکریپت: آنها بسته بندی هوشمند جاوا اسکریپت را تمرین می کنند و فقط کد جاوا اسکریپت لازم را برای هر صفحه خاص بارگذاری می کنند. این مقدار جاوا اسکریپتی را که باید تجزیه و اجرا شود کاهش می‌دهد و به تجربه‌ای سریعتر کمک می‌کند.
- تصاویر و جن با اندازه ثابت: McMaster-Carr از ابعاد ثابتی برای تصاویر استفاده می کند تا از تغییر طرح در حین بارگذاری جلوگیری کند. علاوه بر این، آنها از اسپرایت های تصویر استفاده می کنند و چندین تصویر را در یک فایل واحد ترکیب می کنند. این تعداد درخواست های HTTP را کاهش می دهد و زمان بارگذاری صفحه را بهینه می کند.
سرعت بر اساس طراحی
اگر در یک فضای قدیمی خسته کننده با تعداد زیادی بازیکن هستید، این همیشه یادآوری خوبی از اهمیت بهینه سازی سرعت برای تجربه کلی کاربر است. این یک یادآوری است که مهندسی وب مؤثر همیشه به دنبال دنبال کردن آخرین روندها و چارچوب‌های طراحی نیست.
