Developer needed for woocommerce.

# WordPress Performance & Mobile Fix — Project Brief ## Site - URL: carpet-logo.co.il - Industry: B2B/B2C custom branded carpets (hotels, retail, gyms, synagogues, residential) - Language: Hebrew (RTL) ## Stack - WordPress + WooCommerce - Elementor (page builder) - Woodmart theme - WP Rocket (caching/optimization plugin) - Hosting: cPanel shared hosting (MyHost) — **no SSH / no WP-CLI access**. All work must be done via wp-admin, FTP, or cPanel file manager only. ## Context Site was audited for mobile performance (PageSpeed Insights) and mobile UX. Score was critically low, with LCP (Largest Contentful Paint) as the dominant issue. Some WP Rocket optimizations have already been applied (see "Already done" below). Need a specialist to finish the technical cleanup and fix mobile UX issues. ## Already done (do not redo) - WP Rocket: Minify CSS — enabled - WP Rocket: Minify JS — enabled - WP Rocket: Delay JavaScript Execution — enabled - WP Rocket: Remove Unused CSS — **tested and reverted** (broke visual layout with Elementor/Woodmart — do not re-enable without careful staging tests) ## Tasks Sections 1–3 below are technical/performance fixes. Section 4 covers lightweight homepage content improvements (explicitly not a redesign — see scope note in that section). ### 1. Performance / technical cleanup - [ ] Verify "Delay JavaScript Execution" isn't breaking any interactive elements (menus, sliders, add-to-cart, forms, filters) — test across key pages - [ ] Fix Google Tag Manager / gtag.js loading twice (duplicate tracking scripts) — identify source (theme, plugin, manual code) and remove duplicate - [ ] Fix reCAPTCHA loading 3 times on the same page (~1MB+ unnecessary overhead) — identify which plugins/forms are each loading their own instance and consolidate - [ ] Improve LCP (Largest Contentful Paint) — currently critical on mobile per PageSpeed Insights - [ ] Review SVG lazy-loading placeholder implementation — currently slowing down LCP, needs proper lazy-load strategy (e.g., native `loading="lazy"` with correct placeholder sizing, or disable SVG placeholder in favor of a lightweight alternative) ### 2. Mobile UX fixes - [ ] Remove/fix `user-scalable=no` in viewport meta tag — currently blocking pinch-to-zoom on mobile (accessibility + UX issue) - [ ] Fix WooCommerce product variation tables overflowing/breaking layout on mobile screens - [ ] Add a floating WhatsApp button (high priority — key contact channel for the Israeli B2B market). Should be visible site-wide, mobile and desktop. - [ ] Reposition main CTA on mobile — currently appears too low on the page/fold, needs to be more prominent above or near the fold ### 3. Testing / deliverables expected - Before/after PageSpeed Insights mobile score (screenshot or link) - Confirmation that no visual/functional regressions were introduced (Elementor + Woodmart combo is known to be fragile with aggressive optimization plugins — please test on staging or a duplicate page first if possible) - Brief written summary of what was changed and where (which plugin/setting/file), so the site owner can maintain it going forward ## Constraints - No SSH/WP-CLI available — wp-admin, FTP, and cPanel file manager only - Please test changes carefully before applying site-wide — this stack (Elementor + Woodmart) has broken visually before with aggressive CSS optimization settings - Site is actively taking orders — avoid extended downtime or checkout disruption; ideally implement during low-traffic hours ## Budget & timeline (adjust as needed) - Budget: $150–$400 depending on freelancer experience level - Timeline: 2–5 days ## 4. Homepage improvements (lightweight — no rebuild) Context: the homepage currently reads as an old-style "showcase" site (site vitrine) rather than an e-commerce site. The goal is NOT a redesign or rebuild — just targeted additions/reordering of existing sections to make it feel more like a product-focused e-commerce homepage. Keep all existing structure, theme, and page builder setup as-is. No new custom features, no interactive configurators, no dev-heavy components. - [ ] **Reorganize product menu/categories** — restructure navigation into clearer categories matching real product lines (entrance mats for business, hotels, homes, synagogues, industrial, etc.). Content/IA task, not a dev task — can likely be done in WooCommerce/Elementor menu settings directly. - [ ] **Add a trust/reassurance strip on the homepage** — a simple text+icon block with real numbers (years in business, number of B2B clients, delivery time, etc. — site owner will provide exact figures). Static content block, no plugin/dev needed beyond an Elementor section. - [ ] **Make price + "add to cart"/"request quote" button visible on featured products on the homepage** — likely already supported natively by WooCommerce/Woodmart; just needs correct display settings enabled on the homepage product blocks. - [ ] **Floating WhatsApp button** — see Mobile UX fixes section above (already listed as a priority task; migrate Buttonizer to 3.0 or replace with a lightweight WhatsApp button plugin). If any of the above is revisited later, it should be scoped as a separate, larger project with proper staging — not bundled into this task. ## Ideal freelancer profile - Specific experience with **WP Rocket + Elementor + Woodmart** performance optimization (not a general WordPress generalist) - Comfortable working within wp-admin/cPanel-only constraints (no CLI) - Prior experience fixing GTM/tracking duplication and reCAPTCHA loading issues - Mobile-first troubleshooting experience with WooCommerce --- ## Appendix: PageSpeed Insights technical data (Mobile, Aug 15 2026) Live scores at time of audit: **Performance 68/100** | Accessibility 84/100 | Best Practices 100/100 | SEO 100/100. ### Core Web Vitals (mobile) | Metric | Value | Score | |---|---|---| | Largest Contentful Paint (LCP) | **6.9 s** | 0.06 — critical | | First Contentful Paint (FCP) | 3.6 s | 0.32 — poor | | Time to Interactive (TTI) | 6.9 s | 0.53 | | Total Blocking Time (TBT) | 0 ms | 1.0 — good, no action needed | | Cumulative Layout Shift (CLS) | 0.003 | 1.0 — good, no action needed | | Server response time (TTFB) | 30 ms | good — hosting/server is not the bottleneck | **Note:** JS-side optimization (WP Rocket Delay JS) is already working well — TBT and JS execution time are both very low. The bottleneck is CSS delivery and image weight, not JavaScript. ### 1. Hero/LCP image is oversized (highest priority fix) - File: `wp-content/uploads/2023/07/שטיח-כניסה-ממותג.jpg` - Served at 1600×1068px, displayed at only 721×481px on mobile - Current size: 264 KB → **210 KB wasted** (should be ~54 KB with proper responsive sizing) - Fix: generate/serve a properly sized `srcset` for mobile, or compress and resize this specific image. Likely the LCP element — fixing this should have the single biggest impact on the Performance score. - Same issue on smaller scale for carousel/logo images: `OSG.png` (12 KB wasted), `crowne.png` (10.5 KB wasted), `ramada.png` (8.4 KB wasted) — all served larger than their displayed size. - Total image savings available: **~236 KB** ### 2. Render-blocking CSS (estimated 2,110 ms savings) Over 90 separate CSS files load and block rendering before the page can paint. Key contributors: - Woodmart theme: ~50 small individual CSS part files (`woodmart/css/parts/*.min.css`) - Elementor + Elementor Pro: ~20 widget-specific CSS files - JetElements: 2 large CSS files (~23 KB combined) - **Font Awesome icon library is loaded 3 times via different paths** — confirmed duplication: - `wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css` - `wp-content/cache/min/1/ajax/libs/font-awesome/5.15.4/css/all.min.css` - Plus separate `solid.min.css`, `regular.min.css`, `brands.min.css` Recommendation: identify which plugin/theme setting is loading the redundant copy and disable it (check Elementor icon library settings vs. a possible separate Font Awesome plugin/CDN include). - Recommendation: enable/reconfigure WP Rocket's "Load CSS Asynchronously" or use Critical CSS generation carefully (test on staging first — this stack has broken visually before with aggressive CSS settings, see "Already done" section above regarding Remove Unused CSS). ### 3. Reduce unused CSS - Estimated savings: 89 KB across the page's CSS ### 4. Mobile viewport zoom still blocked (confirmed, not yet fixed) - `[user-scalable="no"]` is still present in the viewport meta tag — confirmed by this audit - This is the same item listed in the Mobile UX Fixes section above — still open ### 5. Accessibility issues (score 84/100) - [ ] Insufficient color contrast on some text/background combinations - [ ] Buttons and links without discernible/accessible names (`aria-command-name`, `link-name`) - [ ] Heading elements not in sequential order (H1→H2→H3, etc.) - [ ] `td` elements in large tables missing table headers (likely the product variation tables) - [ ] ARIA toggle fields missing accessible names These are worth fixing alongside the mobile UX work since they're quick wins and also help SEO/usability.