مطالب پیشنهادی از سراسر وب

استفاده از Google PageSpeed Insights برای بهبود عملکرد وب سایت

دسته بندی ها: سرویس های اینترنتی ، آموزش های پلورال سایت (Pluralsight) ، آموزش طراحی وب ، سرویس های گوگل

pluralsight-using-google-pagespeed-insights-to-improve-web-performance

ابزار Google PageSpeed Insights حجم کلي صفحه و آمار سرعت آن را نشان نمي‌دهد، ولي به شما مي‌گويد که چگونه مي‌توانيد نسخه دسکتاپ و موبايل وب‌سايت خود را بهبود بخشيده و ايرادات آن را برطرف نماييد.این ابزار به صورت آنلاین محتوای وب سایت شما را آنالیز می کند و سپس پیشنهاداتی برای سرعت بیشتر وب سایت شما ارائه می دهد. در این آموزش تصویری با ابزار Google PageSpeed Insights برای بهبود عملکرد وب سایت آشنا می شوید. این دوره آموزشی محصول موسسه Pluralsight است.

سرفصل های دوره:

  • Google PageSpeed چیست؟
  • نصب PageSpeed Insights
  • پیکربندی PageSpeed Insights
  • تجزیه و تحلیل صفحات با PageSpeed Insights
  • ابزارهای برنامه نویسی پنل شبکه
  • تحلیل اولیه وب سایت
  • فشرده سازی HTTP
  • فشرده سازی در IIS
  • پیاده سازی Caching
  • بهینه سازی تصویر
  • ایجاد یک تصویر کوچک
  • بهینه سازی تصاویر
  • استفاده از CSS
  • ایجاد CSS Sprite
  • کار با CSS و HTML
  • بررسی کدها در Visual Studio
  • کار با JavaScript
  • به روز رسانی HTML
  • کار با CSS و JavaScript
  • Minification چیست؟
  • Bundling چیست؟
  • کار با روشهای Bundling and Minification
  • کار با ASP.NET 4.5
  • ایجاد بسته های نرم افزاری در ASP.NET 5
  • چگونگی سازماندهی بسته های نرم افزاری
  • و...

عنوان دوره: Pluralsight Using Google PageSpeed Insights to Improve Web Performance سطح: مقدماتی مدت زمان: 3 ساعت و 15 دقیقه نویسنده: David Berry

توضیحات:

This course covers the usage of the Google PageSpeed Insights Chrome extension that can help you identify and fix performance issues on your web pages.
Google PageSpeed Insights is a Chrome extension that analyzes web pages for good performance practices. Using this tool, you can quickly tell how efficient a web page is and what issues need to be addressed in order to improve performance. This course covers how to install and configure PageSpeed Insights, and then analyzes a sample website using the tool. It walks through each of the important recommendations given by PageSpeed Insights and shows how to fix them on the sample web site. By the end of this course, you will have a firm grasp of the most important web performance issues and how to address them.

Getting Started 26:49 Course Overview 2:29 Why Web Performance Matters 3:42 What Is Google PageSpeed Insights? 4:26 Installing the PageSpeed Insights Chrome Extension 1:33 Configuring the PageSpeed Insights Chrome Extension 1:58 Analyzing Pages with PageSpeed Insights 5:22 The Chrome Developer Tools Network Panel 5:49 Module Summary 1:27 Initial Website Analysis and Performance Principles 11:07 Introduction 1:45 Initial Analysis 1:06 Plan to Address Recommendations 2:44 Important Performance Principles 4:51 Summary 0:39 Enabling HTTP Compression 16:30 Introduction to HTTP Compression 3:36 Turning on Compression in IIS 9:59 Page Analysis After Enabling Compression 2:54 Leveraging Browser Caching 18:07 Caching Introduction and Initial Analysis 2:42 How Caching Works 6:30 Implementing Caching 3:30 Page Analysis After Implementing Caching 3:17 Caching Wrap Up 2:07 Image Optimization 18:50 Introduction to Image Recommendations 1:41 Understanding Scaled Images 3:24 Creating a Scaled Image 1:27 Analysis After Images Are Properly Sized 1:55 Optimize Images Recommendation 1:19 Understanding Lossless Image Compression 4:03 Tools for Lossless Image Compression 1:25 Analysis After Applying Lossless Image Compression 1:17 Image Optimization Wrap Up 2:15 Using CSS Sprites 19:13 Why Use CSS Sprites? 4:08 Outline of Creating a CSS Sprite 1:35 Creating the Sprite Image 4:06 CSS and HTML Changes for Using a Sprite 4:04 Inspecting the Code in Visual Studio 2:25 Analysis After Implementing a CSS Sprite 1:31 CSS Sprites Wrap Up 1:21 Correctly Ordering Styles and Scripts 22:06 Introduction 3:28 Optimize Order of Styles and Scripts Recommendation 3:10 Put CSS in the Document Head Recommendation 2:07 Defer Parsing of JavaScript Recommendation 3:21 Reviewing the Updated HTML 3:24 PageSpeed Analysis After HTML Updates 2:26 Minimizing Risk When Implementing Changes 2:32 Module Summary 1:35 Minification and Bundling of CSS and JavaScript 37:24 Introduction 2:47 What Is Minification? 4:39 What Is Bundling? 4:43 Approaches to Bundling and Minification 2:33 Bundling and Minification in ASP.NET 4.5 5:00 Examining Bundling and Minification Changes in the Browser 3:37 PageSpeed Analysis After Bundling and Minification 2:02 Creating Bundles in ASP.NET 5 4:54 Using Bundled Content on Pages in ASP.NET 5 2:43 Thoughts on How to Organize Bundles 2:30 Summary 1:51 Additional Recommendations 25:47 Introduction 1:08 Remaining PageSpeed Insights Recommendations 4:20 Additional Performance Practices 4:06 Network Throttling 3:00 WebPageTest Introduction 6:05 Considerations for Planning Page Optimization Efforts 3:01 Course Summary 4:04

حجم فایل: 390MB

آیا این نوشته را دوست داشتید؟
Pluralsight Using Google PageSpeed Insights to Improve Web Performance

پیشنهاد آموزش مرتبط در فرادرس


محمد 5 سال و 3 ماه قبل

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