1. 对于单个web的加载性能优化可以参考一楼同学的回复。

2. tab页签切换时，第一次加载html过慢可以通过tabController的preloadItems()接口实现其他tab页的预加载，该接口控制Tabs预加载指定子节点，调用该接口后会一次性加载所有参数指定的子节点。参考以下demo：

import { BusinessError } from '@kit.BasicServicesKit'
import { webview } from '@kit.ArkWeb'

@Entry
@Component
struct TabsPreloadItems {
  @State currentIndex: number = 0
  private tabsController: TabsController = new TabsController()
  webController1: webview.WebviewController = new webview.WebviewController();
  webSrc: string[] = [
    'https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-component-overview-V5',
    'https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5',
    'https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5#preloaditems12',
    'https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-web-develop-optimization-V5'
  ];

  build() {
    Column() {
      Tabs({ index: this.currentIndex, controller: this.tabsController }) {
        ForEach(this.webSrc, (item: string, index) => {
          TabContent() {
            Web({ src: item, controller: this.webController1 })
              .domStorageAccess(true)
              .javaScriptAccess(true)
              .onPageBegin(() => {
                // 预加载第1、2、3个节点，提高滑动或点击切换至这些节点时的性能
                this.tabsController.preloadItems([1, 2, 3])
                  .then(() => {
                    console.info('preloadItems success.')
                  })
                  .catch((error: BusinessError) => {
                    console.error('preloadItems failed, error code: ' + error.code + ', error message: ' + error.message)
                  })
              })
          }.tabBar(`TAB${index}`)
        })
      }
      .width('100%')
      .height('100%')
      .backgroundColor('#F1F3F5')
      .onChange((index: number) => {
        this.currentIndex = index
      })
    }
  }
}

参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5#preloaditems12