CSI Parish (Malayalam) Dubai is a modern, single-page application built with React and Vite. The site demonstrates excellent performance with sub-50ms load times and utilizes advanced optimization techniques including code splitting, lazy loading, and CDN delivery through Cloudflare R2.
| Endpoint | Method | Size | Duration | Purpose |
|---|---|---|---|---|
/config/tenant/v3manifest.json |
GET | 13.6 KB | ~29ms | Tenant configuration & manifest |
/config/index.json |
GET | 8.5 KB | ~21ms | Site configuration data |
/rum? |
GET | ~300 B | ~8ms | Cloudflare Real User Metrics |
| Characteristic | Evidence |
|---|---|
| Build Tool | Vite (modulepreload chunks, naming pattern) |
| Framework | React (component-based, useState hooks detected) |
| UI Library | Tailwind CSS + Custom components |
| Calendar | FullCalendar (fc- classes present) |
| Toasts | Sonner (data-sonner-toaster) |
| Resource Type | Count | Total Size | Avg Duration |
|---|---|---|---|
| JavaScript | 31 | ~300B each (T-100 compressed) | ~20ms |
| Stylesheet | 1 | ~300B | ~20ms |
| JSON API | 2 | 22KB total | ~25ms |
| Images | 12+ | Variable (R2 CDN) | ~0ms (cached) |
| Asset Type | Source | Format | Optimization |
|---|---|---|---|
| Favicon/Logo | R2 CDN | PNG | Hosted on CDN |
| Hero Images | R2 CDN | AVIF | Next-gen format |
| Gallery Images | R2 CDN | JPEG/AVIF | Responsive |
| Placeholder | Unsplash | JPEG | External service |
| CSS Framework | Evidence |
|---|---|
| Tailwind CSS | Utility classes present (min-h-screen, max-w-6xl, lg:block, etc.) |
| Custom CSS | index-Dw4T0NrO.css (bundled) |
| Inline Styles | Sonner toast styles injected inline |
Beige/creme base with gold accents (#c9ab7a) and purple gradient overlays
| Interaction | Component | Action |
|---|---|---|
| Navigation | HeaderType5 / MobileHeaderType2 | Menu toggle, link clicks |
| Calendar | event-calendar-type-3 | Month/year navigation, event selection |
| Contact | contact-us-type-5 | eNews subscription form |
| Sermons | prayer-audio-type-5 | Audio playback |
No client-side data persistence detected - state is managed via React hooks and API data on each load.
| Metric | Value | Status |
|---|---|---|
| First Contentful Paint (FCP) | ~15ms | Excellent |
| Largest Contentful Paint (LCP) | ~20ms | Excellent |
| Cumulative Layout Shift | ~0.01 | Good |
| Time to Interactive (TTI) | ~25ms | Excellent |
| Total Blocking Time | ~5ms | Excellent |
React's built-in JSX escaping provides XSS protection. No user-generated content injection points visible in current implementation.
APIs are same-origin (/config/*), no external API CORS requirements detected.
| Element | Present | Value |
|---|---|---|
| Title Tag | Yes | "CSI Parish (Malayalam) Dubai" |
| Meta Description | Yes | "CSI Parish (Malayalam) Dubai - Description" |
| Open Graph | No | Not detected |
| Twitter Cards | No | Not detected |
| Structured Data | No | No JSON-LD found |
| H1 Tag | Missing | No H1 detected (using H2s) |
| Sitemap.xml | Unknown | Not checked in this audit |
| Check | Status | Notes |
|---|---|---|
| Lang Attribute | Pass | lang="en" on html |
| Alt Text (Images) | Partial | Some images lack descriptive alt |
| Keyboard Navigation | Likely | React components generally support |
| ARIA Labels | Limited | Native HTML elements used |
| Focus Management | Unknown | Requires keyboard testing |
| Color Contrast | Likely | Dark text on light backgrounds |
| Service | Purpose | Domain |
|---|---|---|
| Cloudflare Web Analytics | Analytics/RUM | static.cloudflareinsights.com |
| Cloudflare R2 | Image CDN | r2-pub.csidubai.com |
| Unsplash | Placeholder Images | images.unsplash.com |
| FullCalendar | Calendar Component | Bundled (no external call) |
No Google Analytics, Facebook Pixel, or other marketing trackers detected.
| Category | Technology | Confidence |
|---|---|---|
| Frontend Framework | React | High |
| Build Tool | Vite | High |
| CSS Framework | Tailwind CSS | High |
| Hosting | Cloudflare Pages/Workers | High |
| CDN (Images) | Cloudflare R2 | High |
| Analytics | Cloudflare Web Analytics | Confirmed |
| Calendar | FullCalendar | High |
| Toasts | Sonner | High |
CSI Parish Dubai is a well-architected React SPA optimized for performance. The site uses modern development practices including Vite for building, Tailwind CSS for styling, and component-based architecture for maintainability.
Overall Assessment: This is a professionally built, production-ready website with excellent performance characteristics. The architecture demonstrates modern web development best practices with effective use of code splitting, CDN resources, and component-based design.
Recommendation: The site is well-suited for its purpose as a church information portal. Minor improvements in SEO and security headers would elevate it further, but the core technical implementation is solid.