seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

feat: enhance SocketProvider to support polling and websocket transports, improve error logging for development, and update image preloading logic in webpack config for better performance on main pages

Browse Source
This commit is contained in:
sebseb7
2025-07-21 01:10:13 +02:00
parent 0a787f9d25
commit 464f159556
2 changed files with 42 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
webpack.config.js
View File

@@ -158,23 +158,37 @@ class InlineCssPlugin {
// Add font preload links
let fontPreloads = '';
fontUrls.forEach(fontUrl => {
fontPreloads += `<link rel="preload" href="${fontUrl}" as="font" type="font/truetype" crossorigin>\n`;
fontPreloads += `<link rel="preload" href="${fontUrl}" as="font" crossorigin>\n`;
});
// Add critical image preloads for LCP optimization
const criticalImages = [
'/assets/images/filiale1.jpg',
'/assets/images/filiale2.jpg',
'/assets/images/seeds.jpg',
'/assets/images/cutlings.jpg',
'/assets/images/presse.jpg',
'/assets/images/purpl.jpg'
];
// Add critical image preloads for LCP optimization - only for pages that need them
// These images are used in MainPageLayout (home, aktionen, filiale) and Content (category pages)
// Skip preloading on product detail pages and other specific pages
let imagePreloads = '';
criticalImages.forEach(imagePath => {
imagePreloads += `<link rel="preload" href="${imagePath}" as="image">\n`;
});
// Extract current page path from the HTML to determine which images to preload
const htmlContent = data.html;
const isProductPage = htmlContent.includes('/Artikel/') || htmlContent.includes('product-detail');
const isSpecialPage = htmlContent.includes('/impressum') || htmlContent.includes('/datenschutz') ||
htmlContent.includes('/agb') || htmlContent.includes('/profile') ||
htmlContent.includes('/admin') || htmlContent.includes('/404') ||
htmlContent.includes('/widerrufsrecht') || htmlContent.includes('/batteriegesetzhinweise');
// Only preload navigation images for main pages (home, categories, aktionen, filiale)
if (!isProductPage && !isSpecialPage) {
const criticalImages = [
'/assets/images/filiale1.jpg',
'/assets/images/filiale2.jpg',
'/assets/images/seeds.jpg',
'/assets/images/cutlings.jpg',
'/assets/images/presse.jpg',
'/assets/images/purpl.jpg'
];
criticalImages.forEach(imagePath => {
imagePreloads += `<link rel="preload" href="${imagePath}" as="image">\n`;
});
}
// Add inlined CSS to head
const styleTag = `<style type="text/css">${inlinedCss.trim()}</style>`;