쓱닷컴이 접근성을 대하는 방식
쓱닷컴 WEB개발팀의 웹 접근성 개선 사례를 소개했습니다. 컴포넌트, OCR, 성능 측정을 함께 다루며 실무 적용 방안을 정리했습니다.
#접근성#Chakra UI#ARIA
6100
쓱닷컴이 접근성을 대하는 방식
태그
Lighthouse 기술 블로그 글
Lighthouse 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 10개최신 10개 표시
관련 태그
최신 게시글
10개 표시
잃어버린 접근성을 찾아서
상품 상세 페이지의 접근성을 스크린 리더 기준으로 점검해 탐색 단위, 텍스트 발화, 버튼 역할을 개선했습니다. 구매하기까지 스와이프 횟수를 20회 미만으로 줄이고 실제 사용 경험을 크게 높였습니다.
#접근성#스크린 리더#ARIA
4800
잃어버린 접근성을 찾아서
Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화
Playwright로 로그인 세션을 자동 구성한 뒤 Lighthouse를 실행해 인증 페이지 성능 측정을 자동화했습니다. 수집한 지표는 CloudWatch와 Grafana로 연동해 지속적으로 모니터링할 수 있게 했습니다.
#Playwright#Lighthouse#CI/CD
12500
웹 성능 측정 자동화 비법: Lighthouse CI와 CI/CD의 만남
Lighthouse CI를 CI/CD에 통합해 배포 후 웹 성능 측정을 자동화한 사례를 소개했습니다. 반복 측정, S3 저장, Slack 알림으로 성능 모니터링과 공유를 체계화했습니다.
#CI/CD#Lighthouse#GitHub Actions
3900
사용자 인식과 웹 성능 측정의 변화
Lighthouse의 주요 성능 지표와 Speed Index의 측정 방식, 그리고 SI 중요도 논란을 정리했습니다. SPA 확산과 모바일 환경 변화로 SI의 해석이 달라지고 있습니다.
#Lighthouse#웹 성능#Speed Index
2900
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능을 측정하며 개선 문화를 만들었습니다. 또한 측정 결과의 변동성을 줄이기 위한 모니터링 방식도 함께 고민했습니다.
#React#Next.js#Lighthouse
200
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
웹 프론트엔드 팀이 Lighthouse와 Web Vitals로 성능 관리를 문화로 도입한 과정을 소개했습니다. 이미지 로딩, 코드 분할, 스크립트 전략으로 개선하고 측정 변동성까지 다뤘습니다.
#성능#Lighthouse#Next.js
1800
비브로스 웹 프론트엔드 팀이 성능을 관리하기 시작했어요.
SEO 개선 초심자 가이드
검색 콘솔, 사이트맵, robots.txt, 메타데이터로 크롤링과 색인 관리를 안내합니다.\n중복 URL·오류 페이지를 정리하고 Lighthouse 기반 성능 개선도 제안합니다.
#SEO#traffic#Next.js
000
Lighthouse CI를 알아보고 Github Actions에 적용하기
Lighthouse CI를 GitHub Actions에 연동해 웹 성능 측정과 보고서 생성을 자동화했습니다. 점수 기준으로 CI를 실패시키고 PR 댓글에 FCP·LCP 등 상세 지표를 표시했습니다.
#Lighthouse#GitHub Actions#CI/CD
2800
Lighthouse CI를 알아보고 Github Actions에 적용하기
FrontEnd 성능 측정 도구 및 구성 방안
FrontEnd 성능 측정 항목과 Lighthouse 등 분석 도구를 비교했습니다. Docker 기반 sitespeed.io·Grafana 대시보드 구성 절차를 안내합니다.
#Lighthouse#sitespeed.io#Docker
3400
