# 页面性能
> If an ecommerce site is making \$100,000 per day, a 1 second page delay could potentially cost you \$2.5 million in lost sales every year.
>
> \-[Kissmetrics](https://blog.kissmetrics.com/loading-time/)
> [According to Akamai](https://www.akamai.com/uk/en/about/news/press/2017-press/akamai-releases-spring-2017-state-of-online-retail-performance-report.jsp), a **100-millisecond** delay in page load can impact conversion rate by**7%**, while a **2-second** delay can increase bounce rates by a whopping **103%**.
*****
## 页面测试速度工具：
【Webpagetest ,gtmetric, google page insight, mobile insight】
https://web.dev/measure/
https://tools.pingdom.com/
https://gtmetrix.com/
https://www.webpagetest.org/
参考：[一定要看的WordPress网站性能及速度优化建议 | WordPress大学 (wpdaxue.com)](https://www.wpdaxue.com/wordpress-performance-and-speed-optimization.html)
*****
## 性能监控工具：
1，[Tideways](https://tideways.com/)，这个是非常推荐，必杀技
https://magecloud.agency/how-to-improve-magento-2-performance-profiling-with-tideways/
注意：在面板环境安装tideways，可能出现加载模块不行的问题，检查phpinfo 有没有 extension=tideways.so ,参考 ： [Install on CentOS/Red Hat/Fedora :: Documentation (tideways.com)](https://support.tideways.com/documentation/setup/installation/centos-redhat-fedora.html)
2，magento性能监控插件 [MGT Developer Toolbar - Installation | MGT-COMMERCE | Knowledge Base](https://www.mgt-commerce.com/docs/mgt-developer-toolbar/magento2/installation) 必须安装的：
*****
*****
*****
## 性能提高方法：
1,magento性能优化指南[普通版]：
[Speed up Magento - The Ultimate Guide (Updated 2021) (goivvy.com)](https://www.goivvy.com/blog/speed-up-magento)
[Magento 2 Slow? 10 Steps to Speed Up Magento 2 - Magento 2 development – Mageplaza](https://www.mageplaza.com/devdocs/speed-up-magento-2.html)
https://magefan.com/blog/speed-up-magento-2
2,二八定律就是解决核心问题[核心版]:
[Magento Performance Optimization Guide | Toptal](https://www.toptal.com/magento/magento-performance-optimization-guide)
[Magento 2 performance problem profiling and optimization | by Yegor Shytikov | Medium](https://yegorshytikov.medium.com/magento-2-performance-problem-profiling-and-optimization-3a2054fe0768)
https://onilab.com/blog/magento-2-performance-speed-optimization-guide/
3,我认为最好的2个blog:
Yegor Shytikov: [Magento 2 performance problem profiling and optimization | by Yegor Shytikov | Medium](https://yegorshytikov.medium.com/magento-2-performance-problem-profiling-and-optimization-3a2054fe0768)
Onilab Blog: [Magento 2 Speed Optimization: 32 Fixes to Fast Performance | Onilab Blog](https://onilab.com/blog/magento-2-performance-speed-optimization-guide/)
*****
4,我的优化经验3点：
```
1，要安装 性能监控工具（如tideways),一边测试性能，一边观察实际瓶颈。
2，从瓶颈出发解决核心问题，同时不能过度优化，达到基本标准则可。
3，要先治疗病人，再给它盖上外套。先解决核心性能问题，再用缓存之类。
```
*****
## 优化流程：
优化前，用 chrome浏览器的 lighthouse测试一下：
显然很多改善空间，观察 瓶颈，首先要解决瓶颈：
**瓶颈：Reduce initial server response time**
*****
再用Gtmetrix测试一下：
**重点解决：** 首字符响应时间过长，TTFB 达 1秒
**注意：** TTFB 要用相应国家地区去测试才更准确， 首要测试标准： chrome lighthouse.
*****
我们现在知道要解决的问题在于 TTFB, 那么现在就是 想办法解决。安装 性能监控工具，看底层 是哪里造成 这个性能问题：
如上图所示，可以马上看到 造成卡慢的原因：1，complie的问题，2，sql执行过多的问题。解决它，然后测试看看情况。
*****
## complie的问题：
opcache complied问题
问题：https://tideways.com/profiler/blog/fine-tune-your-opcache-configuration-to-avoid-caching-suprises
```
解决1：opcache调节性能
```
方法参考：https://segmentfault.com/a/1190000002523558?utm_source=tag-newest
```
解决2：执行 composer dump-autoload -o
```
*****
## SQL执行过多的解决方法：
**1，mysql性能优化：**
1.1 myisam 转为 innodb,提高并发
1.2 Sql 300条太多， 要检查是不是可以减少 ，例如去掉没用的模块。
1.3 Mysql 的自身 性能调高：
**2，加上对象缓存 Redis**
参考： https://www.mageplaza.com/devdocs/redis-cache-magento-2.html
Redis 主要可以用在3个地方： 1，标准缓存，2，页面缓存，3，session管理
*****
*****
## 知识：关于各层缓存外套（先医治，再外套）：
* 1.对象缓存。我们将在下面对此进行更详细的介绍，但是对象缓存涉及存储数据库查询，以便下次需要数据时，无需查询数据库即可从缓存中传递数据。
* 2.页面缓存。页面缓存涉及存储页面的整个HTML，以便在后续视图中可以生成和显示内容（包括文件和数据库查询），而无需WordPress每次都这样做。
* 3.操作码缓存。操作码缓存涉及在每个请求之间编译PHP代码。为了执行PHP代码，PHP编译器必须先编译代码，然后生成可执行代码供服务器执行。操作码缓存已编译的代码。
* 4.CDN缓存。内容分发网络（CDN）使用世界各地的边缘服务器来存储静态网站文件（即CSS，JavaScript和媒体文件），以便更快地将其分发给与主机服务器地理上相距遥远的用户。
*****
*****
## 加入静态缓存，页面缓存
毫无疑问，对于网站来说，静态缓存，页面缓存 是解决性能的**最厉害的武器**，这里推荐使用magento内置的Full Page Cache 。
Full Page Cache 有3种方案：1，file文件缓存，2，redis缓存，3，varnish缓存（推荐）
开通 full page cache 后:
参考：https://inviqa.com/blog/how-full-page-cache-works-magento-commerce
*****
*****
*****
*****
*****
## magento 多余插件模块优化
我觉得这是最重要的优化方法：
[Make Magento 2 small again | | integer\_net (integer-net.com)](https://www.integer-net.com/make-magento-2-small-again/)
没用的插件模块可以下架，例如如下：
```
<?php
return [
'modules' => [
'Magento_AdminAnalytics' => 1,
'Magento_Store' => 1,
'Magento_AdobeIms' => 0,
'Magento_AdobeImsApi' => 0,
'Magento_AdobeStockAdminUi' => 0,
'Magento_MediaGallery' => 1,
'Magento_AdobeStockAssetApi' => 0,
'Magento_AdobeStockClient' => 0,
'Magento_AdobeStockClientApi' => 0,
'Magento_AdobeStockImage' => 0,
'Magento_AdobeStockImageAdminUi' => 0,
'Magento_AdobeStockImageApi' => 0,
'Magento_AdvancedPricingImportExport' => 1,
'Magento_Directory' => 1,
'Magento_Amqp' => 0,
'Magento_AmqpStore' => 0,
'Magento_Config' => 1,
'Magento_Theme' => 1,
'Magento_Backend' => 1,
'Magento_Variable' => 1,
'Magento_Eav' => 1,
'Magento_Customer' => 1,
'Magento_AuthorizenetGraphQl' => 1,
'Magento_Search' => 1,
'Magento_Backup' => 1,
'Magento_AdminNotification' => 1,
'Magento_BraintreeGraphQl' => 0,
'Magento_Indexer' => 1,
'Magento_Authorization' => 1,
'Magento_BundleImportExport' => 1,
'Magento_Rule' => 1,
'Magento_CacheInvalidate' => 1,
'Magento_Cms' => 1,
'Magento_Catalog' => 1,
'Magento_Quote' => 1,
'Magento_Security' => 1,
'Magento_GraphQl' => 1,
'Magento_EavGraphQl' => 1,
'Magento_StoreGraphQl' => 1,
'Magento_CatalogImportExport' => 1,
'Magento_SalesSequence' => 1,
'Magento_CatalogInventory' => 1,
'Magento_CatalogRule' => 1,
'Magento_Msrp' => 1,
'Magento_CatalogRuleGraphQl' => 1,
'Magento_CatalogSearch' => 1,
'Magento_Bundle' => 1,
'Magento_Payment' => 1,
'Magento_CatalogUrlRewrite' => 1,
'Magento_CatalogGraphQl' => 1,
'Magento_Widget' => 1,
'Magento_Sales' => 1,
'Magento_Checkout' => 1,
'Magento_CheckoutAgreementsGraphQl' => 1,
'Magento_Vault' => 1,
'Magento_CmsGraphQl' => 1,
'Magento_Downloadable' => 1,
'Magento_CmsUrlRewrite' => 1,
'Magento_CmsUrlRewriteGraphQl' => 1,
'Magento_ComposerRootUpdatePlugin' => 1,
'Magento_User' => 1,
'Magento_ConfigurableProduct' => 1,
'Magento_UrlRewrite' => 1,
'Magento_QuoteGraphQl' => 1,
'Magento_ConfigurableProductSales' => 1,
'Magento_GroupedProduct' => 1,
'Magento_Contact' => 1,
'Magento_Cookie' => 1,
'Magento_Cron' => 1,
'Magento_Csp' => 1,
'Magento_CurrencySymbol' => 1,
'Magento_Captcha' => 1,
'Magento_Integration' => 1,
'Magento_DownloadableGraphQl' => 1,
'Magento_CustomerGraphQl' => 1,
'Magento_CustomerImportExport' => 1,
'Magento_SampleData' => 1,
'Magento_Deploy' => 1,
'Magento_Developer' => 1,
'Magento_Dhl' => 0,
'Magento_AsynchronousOperations' => 1,
'Magento_DirectoryGraphQl' => 1,
'Magento_Tax' => 1,
'Magento_CustomerDownloadableGraphQl' => 1,
'Magento_ImportExport' => 1,
'Magento_Weee' => 1,
'Magento_CardinalCommerce' => 1,
'Magento_CatalogCustomerGraphQl' => 1,
'Magento_AdvancedSearch' => 1,
'Magento_Elasticsearch' => 0,
'Magento_Elasticsearch7' => 0,
'Magento_Email' => 1,
'Magento_EncryptionKey' => 1,
'Magento_Fedex' => 0,
'Magento_GiftMessage' => 1,
'Magento_GoogleAdwords' => 0,
'Magento_GoogleAnalytics' => 1,
'Magento_Ui' => 1,
'Magento_GoogleShoppingAds' => 0,
'Magento_BundleGraphQl' => 1,
'Magento_PageCache' => 1,
'Magento_GroupedCatalogInventory' => 1,
'Magento_GroupedImportExport' => 1,
'Magento_CatalogSampleData' => 1,
'Magento_GroupedProductGraphQl' => 1,
'Magento_GroupedProductSampleData' => 1,
'Magento_DownloadableImportExport' => 1,
'Magento_CatalogRuleConfigurable' => 1,
'Magento_InstantPurchase' => 1,
'Magento_Analytics' => 1,
'Magento_Inventory' => 0,
'Magento_InventoryAdminUi' => 0,
'Magento_InventoryAdvancedCheckout' => 0,
'Magento_InventoryApi' => 0,
'Magento_InventoryBundleProduct' => 0,
'Magento_InventoryBundleProductAdminUi' => 0,
'Magento_InventoryCatalog' => 0,
'Magento_InventorySales' => 0,
'Magento_InventoryCatalogAdminUi' => 0,
'Magento_InventoryCatalogApi' => 0,
'Magento_InventoryCatalogSearch' => 0,
'Magento_InventoryConfigurableProduct' => 0,
'Magento_InventoryConfigurableProductAdminUi' => 0,
'Magento_InventoryConfigurableProductIndexer' => 0,
'Magento_InventoryConfiguration' => 0,
'Magento_InventoryConfigurationApi' => 0,
'Magento_InventoryDistanceBasedSourceSelection' => 0,
'Magento_InventoryDistanceBasedSourceSelectionAdminUi' => 0,
'Magento_InventoryDistanceBasedSourceSelectionApi' => 0,
'Magento_InventoryElasticsearch' => 0,
'Magento_InventoryExportStockApi' => 0,
'Magento_InventoryIndexer' => 0,
'Magento_InventorySalesApi' => 0,
'Magento_InventoryGroupedProduct' => 0,
'Magento_InventoryGroupedProductAdminUi' => 0,
'Magento_InventoryGroupedProductIndexer' => 0,
'Magento_InventoryImportExport' => 0,
'Magento_InventoryCache' => 0,
'Magento_InventoryLowQuantityNotification' => 0,
'Magento_Reports' => 1,
'Magento_InventoryLowQuantityNotificationApi' => 0,
'Magento_InventoryMultiDimensionalIndexerApi' => 0,
'Magento_InventoryProductAlert' => 0,
'Magento_InventoryRequisitionList' => 0,
'Magento_InventoryReservations' => 0,
'Magento_InventoryReservationCli' => 0,
'Magento_InventoryReservationsApi' => 0,
'Magento_InventoryExportStock' => 0,
'Magento_InventorySalesAdminUi' => 0,
'Magento_CatalogInventoryGraphQl' => 1,
'Magento_InventorySalesFrontendUi' => 0,
'Magento_InventorySetupFixtureGenerator' => 0,
'Magento_InventoryShipping' => 0,
'Magento_Shipping' => 1,
'Magento_InventorySourceDeductionApi' => 0,
'Magento_InventorySourceSelection' => 0,
'Magento_InventorySourceSelectionApi' => 0,
'Magento_LayeredNavigation' => 1,
'Magento_Marketplace' => 0,
'Magento_AdobeStockAsset' => 0,
'Magento_MediaGalleryApi' => 1,
'Magento_MediaStorage' => 1,
'Magento_MessageQueue' => 1,
'Magento_BundleSampleData' => 1,
'Magento_MsrpConfigurableProduct' => 1,
'Magento_MsrpGroupedProduct' => 1,
'Magento_DownloadableSampleData' => 1,
'Magento_Multishipping' => 1,
'Magento_MysqlMq' => 1,
'Magento_NewRelicReporting' => 1,
'Magento_Newsletter' => 1,
'Magento_OfflinePayments' => 1,
'Magento_SalesRule' => 1,
'Magento_OfflineShipping' => 1,
'Magento_GraphQlCache' => 1,
'Magento_Authorizenet' => 1,
'Magento_Paypal' => 1,
'Magento_PaypalCaptcha' => 1,
'Magento_PaypalGraphQl' => 1,
'MSP_ReCaptcha' => 1,
'Magento_Persistent' => 1,
'Magento_ProductAlert' => 1,
'Magento_ConfigurableSampleData' => 1,
'Magento_ProductVideo' => 1,
'Magento_AuthorizenetAcceptjs' => 1,
'Magento_QuoteAnalytics' => 1,
'Magento_ConfigurableProductGraphQl' => 1,
'Magento_RelatedProductGraphQl' => 1,
'Magento_ReleaseNotification' => 1,
'Magento_InventoryLowQuantityNotificationAdminUi' => 0,
'Magento_RequireJs' => 1,
'Magento_Review' => 1,
'Magento_ReviewAnalytics' => 1,
'Magento_ReviewSampleData' => 1,
'Magento_Robots' => 1,
'Magento_Rss' => 1,
'Magento_ThemeSampleData' => 1,
'Magento_ConfigurableImportExport' => 1,
'Magento_SalesAnalytics' => 1,
'Magento_SalesGraphQl' => 1,
'Magento_SalesInventory' => 1,
'Magento_OfflineShippingSampleData' => 1,
'Magento_CatalogRuleSampleData' => 1,
'Magento_TaxSampleData' => 1,
'Magento_AuthorizenetCardinal' => 1,
'Magento_SalesRuleSampleData' => 1,
'Magento_Elasticsearch6' => 1,
'Magento_CustomerAnalytics' => 1,
'Magento_SendFriend' => 1,
'Magento_SendFriendGraphQl' => 1,
'Magento_InventoryShippingAdminUi' => 0,
'Magento_Signifyd' => 1,
'Magento_Sitemap' => 1,
'Magento_InventoryGraphQl' => 0,
'Magento_UrlRewriteGraphQl' => 1,
'Magento_Webapi' => 1,
'Magento_SwaggerWebapi' => 1,
'Magento_SwaggerWebapiAsync' => 1,
'Magento_Swatches' => 1,
'Magento_SwatchesGraphQl' => 1,
'Magento_SwatchesLayeredNavigation' => 1,
'Magento_SwatchesSampleData' => 1,
'Magento_MsrpSampleData' => 1,
'Magento_TaxGraphQl' => 1,
'Magento_TaxImportExport' => 1,
'Magento_CustomerSampleData' => 1,
'Magento_CatalogCmsGraphQl' => 1,
'Magento_ThemeGraphQl' => 1,
'Magento_CmsSampleData' => 1,
'Magento_Tinymce3' => 1,
'Magento_Translation' => 1,
'Magento_GoogleOptimizer' => 0,
'Magento_Ups' => 0,
'Magento_SalesSampleData' => 1,
'Magento_CatalogUrlRewriteGraphQl' => 1,
'Magento_CatalogAnalytics' => 1,
'Magento_Usps' => 1,
'Magento_CheckoutAgreements' => 1,
'Magento_Braintree' => 1,
'Magento_VaultGraphQl' => 1,
'Magento_Version' => 1,
'Magento_Swagger' => 1,
'Magento_WebapiAsync' => 1,
'Magento_WebapiSecurity' => 1,
'Magento_ProductLinksSampleData' => 1,
'Magento_WeeeGraphQl' => 1,
'Magento_CatalogWidget' => 1,
'Magento_WidgetSampleData' => 1,
'Magento_Wishlist' => 1,
'Magento_WishlistAnalytics' => 1,
'Magento_WishlistGraphQl' => 1,
'Magento_WishlistSampleData' => 1,
'Amazon_Core' => 0,
'Amazon_Login' => 0,
'Amazon_Payment' => 0,
'Dotdigitalgroup_Email' => 0,
'Dotdigitalgroup_Chat' => 0,
'Klarna_Core' => 0,
'Klarna_Ordermanagement' => 0,
'Klarna_Kp' => 0,
'Magento_PaypalReCaptcha' => 1,
'MSP_TwoFactorAuth' => 1,
'Mageplaza_Core' => 1,
'Mageplaza_AbandonedCart' => 1,
'Mageplaza_DeliveryTime' => 1,
'Mageplaza_GeoIP' => 1,
'Mageplaza_Osc' => 1,
'Mageplaza_Smtp' => 0,
'Mgt_DeveloperToolbar' => 1,
'Temando_ShippingRemover' => 1,
'Vertex_Tax' => 0,
'Vertex_AddressValidation' => 0,
'Yotpo_Yotpo' => 0
]
];
```
=>0 ，设置为0，减少80个模块，性能当然会提升。
*****
### 多库存管理【inventory】插件处理
问题的参考文档：
[https://magento.stackexchange.com/questions/298020/magento-cataloginventory-observer-quantityvalidatorobserver-slow-performance](https://magento.stackexchange.com/questions/298020/magento-cataloginventory-observer-quantityvalidatorobserver-slow-performance)
[https://docs.magento.com/user-guide/catalog/inventory.html](https://docs.magento.com/user-guide/catalog/inventory.html)
[https://yegorshytikov.medium.com/magento-2-multi-source-inventory-performance-4da92d8cf3cf](https://yegorshytikov.medium.com/magento-2-multi-source-inventory-performance-4da92d8cf3cf)
解决问题的参考办法：https://magento.stackexchange.com/questions/322134/after-upgrade-magento-from-2-3-4-to-2-4-cannot-instantiate-interface-magento-inv
[https://yegorshytikov.medium.com/magento-2-performance-problem-profiling-and-optimization-3a2054fe0768](https://yegorshytikov.medium.com/magento-2-performance-problem-profiling-and-optimization-3a2054fe0768)：
```
php bin/magento module:disable -f Magento_Inventory Magento_InventoryAdminUi Magento_InventoryApi Magento_InventoryBundleProduct Magento_InventoryBundleProductAdminUi Magento_InventoryCatalog Magento_InventorySales Magento_InventoryCatalogAdminUi Magento_InventoryCatalogApi Magento_InventoryCatalogSearch Magento_InventoryConfigurableProduct Magento_InventoryConfigurableProductAdminUi Magento_InventoryConfigurableProductIndexer Magento_InventoryConfiguration Magento_InventoryConfigurationApi Magento_InventoryGroupedProduct Magento_InventoryGroupedProductAdminUi Magento_InventoryGroupedProductIndexer Magento_InventoryImportExport Magento_InventoryIndexer Magento_InventoryLowQuantityNotification Magento_InventoryLowQuantityNotificationAdminUi Magento_InventoryLowQuantityNotificationApi Magento_InventoryMultiDimensionalIndexerApi Magento_InventoryProductAlert Magento_InventoryReservations Magento_InventoryReservationsApi Magento_InventoryCache Magento_InventorySalesAdminUi Magento_InventorySalesApi Magento_InventorySalesFrontendUi Magento_InventoryShipping Magento_InventorySourceDeductionApi Magento_InventorySourceSelection Magento_InventorySourceSelectionApi Magento_InventoryShippingAdminUi Magento_InventoryDistanceBasedSourceSelectionAdminUi Magento_InventoryDistanceBasedSourceSelectionApi Magento_InventoryElasticsearch Magento_InventoryExportStockApi Magento_InventoryReservationCli Magento_InventoryExportStock Magento_CatalogInventoryGraphQl Magento_InventorySetupFixtureGenerator Magento_InventoryAdvancedCheckout Magento_InventoryDistanceBasedSourceSelection Magento_InventoryRequisitionList Magento_InventoryGraphQl Magento_InventoryBundleImportExport Magento_InventoryBundleProductIndexer Magento_InventoryInStorePickupApi Magento_InventoryInStorePickupAdminUi Magento_InventoryInStorePickup Magento_InventoryInStorePickupGraphQl Magento_InventoryInStorePickupShippingApi Magento_InventoryInStorePickupQuoteGraphQl Magento_InventoryInStorePickupSales Magento_InventoryInStorePickupSalesApi Magento_InventoryInStorePickupQuote Magento_InventoryInStorePickupShipping Magento_InventoryInStorePickupShippingAdminUi Magento_InventoryInStorePickupFrontend Magento_InventoryInStorePickupMultishipping Magento_InventoryInStorePickupSalesAdminUi Magento_InventoryInStorePickupWebapiExtension
```
或者：
```
php bin/magento module:status | grep Magento_Inventory | grep -v List | grep -v None | grep -v -e '^$' | xargs php bin/magento module:disable
php bin/magento s:upgrade
php bin/magento s:s:deploy -f
php bin/magento c:flush
php bin/magento i:reindex
composer dumpautoload
```
结果：可以对比一下，应该sql大幅减少。
*****
## 其他的性能检查和调优：
**1,设置 redis session**
**2,开通 Zend OPcache**
**3,PHP性能调整:**
宝塔面板——软件管理——PHP管理——性能调整，根据服务器内存数量和自己建站的数量进行并发数量设置。
**4,升级PHP**
php8 ：
[The Definitive PHP 5.6, 7.0, 7.1, 7.2, 7.3, 7.4, and 8.0 Benchmarks (2021) (kinsta.com)](https://kinsta.com/blog/php-benchmarks/)
**5,Mysql 修改为 mysql8 （选）**
**6，检查插件，经常是它造成问题**
解：选择更好的插件
*****
## **最后，看看优化结果：**
没有问题了，页面性能问题，已经解决。
*****
*****
