Web Performance
Web performance directly impacts user experience, SEO, and revenue. A 1-second improvement in mobile load time can increase conversions by up to 27%. Core Web Vitals are now Google ranking factors.
Contents 2 Sections
1Core Web Vitals
| Metric | Good | Poor | What it measures |
|---|---|---|---|
| LCP (Largest Contentful Paint) | ≤ 2.5s | > 4s | Loading speed |
| INP (Interaction to Next Paint) | ≤ 200ms | > 500ms | Interactivity |
| CLS (Cumulative Layout Shift) | ≤ 0.1 | > 0.25 | Visual stability |
- Improving LCP:
```html
Fixing CLS:
```html
.card-image { aspect-ratio: 16/9; } ```
2JavaScript & CSS Optimization
// Code splitting load only what's needed
const Dashboard = lazy(() => import('./pages/Dashboard'));
function App() {
return (
<Suspense fallback={<Skeleton />}>
<Routes>
<Route path="/dashboard" element={<Dashboard />} />
</Routes>
</Suspense>
);
}// Tree shaking import specifically import debounce from 'lodash/debounce'; // Good: 2KB import { debounce } from 'lodash'; // Bad: 72KB
// Defer non-critical JS
- // Resource hints
```
/* Use CSS containment to limit style recalculation */
.card { contain: layout; }/* GPU-accelerated animations (no layout triggers) */ .fade-in { animation: fadeIn 0.3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } }
/* Critical CSS inline in everything else defer */ ```
Ecommerce & Digital Automation
Explore the Full Portfolio
This is the complete portfolio of Sufi Khan Sulaiman, a technology leader specialising in B2B commerce and digital automation. Start from the Home page for the overview, then move through two decades of career experience across FLIR Systems, Lorex Technology, and 1c Platform, and the full catalogue of project case studies spanning headless commerce migrations, AI recommendation engines, and multi-channel fulfilment systems.
The skills and certifications page maps the technical and leadership capabilities behind the work, while the articles and the knowledge base break down the thinking into actionable frameworks. For hands-on learning, the tutorials and applications sections cover practical builds from front-end fundamentals to full-stack web apps.
For consulting engagement, the expertise page outlines service offerings, the ecommerce hub covers platform architecture and automation strategy, and the ecommerce guide (PDF) is a downloadable 55-page field manual. When you are ready to talk, the contact page is the direct line.