# Improving T3speed Extension Performance Here are comprehensive strategies to optimize the T3speed extension for better frontend performance: ## 1. **Caching Optimization** ### Enable TYPO3 Page Caching ```php // config/system/settings.php or LocalConfiguration.php 'FE' => [ 'cacheHash' => [ 'enforceValidation' => true, ], 'pageNotFoundOnCHashError' => true, ], ``` ### Configure Extension Caching ```php // ext_localconf.php $GLOBALS['TYPO3_CONF_VARS']['SYS']['caching']['cacheConfigurations']['t3speed'] = [ 'frontend' => \TYPO3\CMS\Core\Cache\Frontend\VariableFrontend::class, 'backend' => \TYPO3\CMS\Core\Cache\Backend\Db\Backend::class, 'options' => [ 'defaultLifetime' => 86400, // 24 hours ], ]; ``` ## 2. **Asset Optimization** ### CSS/JS Minification & Concatenation ```typoscript # Configuration/TypoScript/setup.typoscript config { concatenateCss = 1 concatenateJs = 1 compressCss = 1 compressJs = 1 # Remove unused CSS/JS removeDefaultJS = external inlineStyle2TempFile = 1 } page.includeCSS { main = EXT:t3speed/Resources/Public/Css/main.css main.defer = 1 } page.includeJSFooter { main = EXT:t3speed/Resources/Public/JavaScript/main.js main.defer = 1 main.async = 0 } ``` ## 3. **Database Query Optimization** ### Use Query Builder Efficiently ```php // Classes/Domain/Repository/YourRepository.php namespace Vendor\T3speed\Domain\Repository; use TYPO3\CMS\Core\Database\ConnectionPool; use TYPO3\CMS\Core\Utility\GeneralUtility; class YourRepository extends \TYPO3\CMS\Extbase\Persistence\Repository { public function findOptimized(int $limit = 10): array { $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class) ->getQueryBuilderForTable('your_table'); return $queryBuilder ->select('uid', 'title', 'description') // Select only needed fields ->from('your_table') ->where( $queryBuilder->expr()->eq('hidden', 0), $queryBuilder->expr()->eq('deleted', 0) ) ->setMaxResults($limit) ->executeQuery() ->fetchAllAssociative(); } // Add indexes in ext_tables.sql // KEY idx_performance (hidden,deleted,sorting) } ``` ## 4. **Image Optimization** ### Configure Image Processing ```typoscript # Configuration/TypoScript/setup.typoscript lib.contentElement { settings { media { popup { linkParams.ATagParams.dataWrap = class="lightbox" data-width="{file:current:width}" data-height="{file:current:height}" } } } } # Image compression config.tx_imageprocessing { jpegQuality = 85 webp.quality = 85 avif.quality = 85 } # Responsive images tt_content.image.20.1.file { width = 1200c height = 800c sourceCollection { small { width = 480c height = 320c mediaQuery = (max-width: 767px) } medium { width = 768c height = 512c mediaQuery = (max-width: 1023px) } } } ``` ## 5. **Lazy Loading** ### Implement Native Lazy Loading ```php // Classes/ViewHelpers/ImageViewHelper.php namespace Vendor\T3speed\ViewHelpers; use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper; class ImageViewHelper extends AbstractTagBasedViewHelper { protected $tagName = 'img'; public function initializeArguments(): void { parent::initializeArguments(); $this->registerArgument('src', 'string', 'Image source', true); $this->registerArgument('alt', 'string', 'Alt text', false, ''); $this->registerArgument('lazy', 'bool', 'Enable lazy loading', false, true); } public function render(): string { $this->tag->addAttribute('src', $this->arguments['src']); $this->tag->addAttribute('alt', $this->arguments['alt']); if ($this->arguments['lazy']) { $this->tag->addAttribute('loading', 'lazy'); $this->tag->addAttribute('decoding', 'async'); } return $this->tag->render(); } } ``` ## 6. **PHP Performance** ### Use Dependency Injection ```php // Classes/Controller/YourController.php namespace Vendor\T3speed\Controller; use Psr\Http\Message\ResponseInterface; use TYPO3\CMS\Extbase\Mvc\Controller\ActionController; class YourController extends ActionController { public function __construct( private readonly YourService $yourService, private readonly \TYPO3\CMS\Core\Cache\Frontend\FrontendInterface $cache ) {} public function listAction(): ResponseInterface { $cacheIdentifier = 'list_' . $this->request->getAttribute('currentContentObject')->data['uid']; $items = $this->cache->get($cacheIdentifier); if ($items === false) { $items = $this->yourService->findAll(); $this->cache->set($cacheIdentifier, $items, ['t3speed_list'], 3600); } $this->view->assign('items', $items); return $this->htmlResponse(); } } ``` ## 7. **HTTP/2 & Preloading** ```typoscript # Configuration/TypoScript/setup.typoscript page { headerData { 10 = TEXT 10.value = <link rel="preconnect" href="https://fonts.googleapis.com"> 20 = TEXT 20.value = <link rel="preload" href="/typo3conf/ext/t3speed/Resources/Public/Css/main.css" as="style"> } } config { # Enable HTTP/2 server push additionalHeaders { 10.header = Link: </typo3conf/ext/t3speed/Resources/Public/Css/main.css>; rel=preload; as=style } } ``` ## 8. **Monitor Performance** ### Add Performance Monitoring ```php // Classes/Middleware/PerformanceMonitoring.php namespace Vendor\T3speed\Middleware; use Psr\Http\Message\ResponseInterface; use Psr\Http\Message\ServerRequestInterface; use Psr\Http\Server\MiddlewareInterface; use Psr\Http\Server\RequestHandlerInterface; class PerformanceMonitoring implements MiddlewareInterface { public function process( ServerRequestInterface $request, RequestHandlerInterface $handler ): ResponseInterface { $startTime = microtime(true); $startMemory = memory_get_usage(); $response = $handler->handle($request); $executionTime = microtime(true)