Jatin K MalikandGitHub
0d9c488d82
* fix: optimize PageSpeed Insights performance This commit addresses several PageSpeed Insights issues to improve the performance score from 56 to a target of 90+. Changes: - Add SWC config to output modern ES2022 JavaScript, eliminating unnecessary polyfills (~12 KiB savings) - Convert vocalinux.png to WebP format (17KB vs 207KB - 92% reduction) - Add OptimizedImage component with WebP/PNG fallback support - Add _headers file for proper static asset caching (1 year cache for immutable assets) - Configure Next.js with optimizePackageImports for framer-motion and lucide-react - Fix heading hierarchy issue (Quick Install h3 -> h2) - Add console.log removal in production builds Expected improvements: - Image delivery: ~41 KiB savings - Legacy JavaScript: ~12 KiB savings - Cache lifetime: 754 KiB proper caching - Accessibility score: 98 -> 100 (heading order fix) * test: add coverage for PageSpeed optimization Add comprehensive test suite for PageSpeed Insights optimization changes: - WebP image loading tests (optimized-image.tsx) - next/image component configuration tests (next.config.js) - _headers file generation and cache header tests - Lazy loading behavior tests Includes: - Jest configuration with TypeScript support - React Testing Library setup - 54 test cases covering all PageSpeed optimization features - Build verification All tests pass: npm run test Build passes: npm run build * ci: trigger workflow * ci: trigger workflow run * ci: trigger workflow
61 lines
1.9 KiB
JSON
61 lines
1.9 KiB
JSON
{
|
|
"name": "vocalinux-website",
|
|
"version": "0.3.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"build": "next build",
|
|
"build:static": "next build",
|
|
"check": "next lint && tsc --noEmit",
|
|
"dev": "next dev",
|
|
"lint": "eslint .",
|
|
"lint:fix": "eslint . --fix",
|
|
"preview": "next build && next start",
|
|
"start": "next start",
|
|
"typecheck": "tsc --noEmit",
|
|
"format:write": "prettier --write \"**/*.{ts,tsx,js,jsx,mdx}\" --cache",
|
|
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,mdx}\" --cache",
|
|
"test": "jest",
|
|
"test:types": "tsc --noEmit --pretty",
|
|
"test:all": "npm run test && npm run test:types",
|
|
"deploy": "next build && touch out/.nojekyll && echo 'vocalinux.com' > out/CNAME"
|
|
},
|
|
"dependencies": {
|
|
"@types/node": "^20.14.10",
|
|
"@types/react": "^18.3.3",
|
|
"@types/react-dom": "^18.3.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"framer-motion": "^12.9.4",
|
|
"geist": "^1.4.1",
|
|
"lucide-react": "^0.507.0",
|
|
"next": "^15.0.1",
|
|
"next-themes": "^0.4.6",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"react-intersection-observer": "^9.16.0",
|
|
"react-syntax-highlighter": "^15.6.1",
|
|
"tailwind-merge": "^3.2.0",
|
|
"tailwindcss": "^3.4.3",
|
|
"tailwindcss-animate": "^1.0.7",
|
|
"typescript": "^5.5.3"
|
|
},
|
|
"devDependencies": {
|
|
"@testing-library/jest-dom": "^6.9.1",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@testing-library/user-event": "^14.6.1",
|
|
"@types/jest": "^30.0.0",
|
|
"@typescript-eslint/eslint-plugin": "^8.1.0",
|
|
"@typescript-eslint/parser": "^8.1.0",
|
|
"eslint": "^8.57.0",
|
|
"eslint-config-next": "^15.0.1",
|
|
"jest": "^30.2.0",
|
|
"jest-environment-jsdom": "^30.2.0",
|
|
"jest-extended": "^7.0.0",
|
|
"postcss": "^8.4.39",
|
|
"prettier": "^3.3.2",
|
|
"prettier-plugin-tailwindcss": "^0.6.5",
|
|
"ts-node": "^10.9.2"
|
|
}
|
|
}
|