반응형 eCommerce38 모바일웹사이트 성능측정 쇼핑몰 성능 무료측정 Introduction 일 30만명이 넘는 방문자들이 들어오고 있는 온라인 쇼핑몰을 운영하면서 성능 측정하는 방법에 대해서 고민도 많이 해보고 실제 A사의 제품을 가지고 로딩속도 정도 측정 하고 있는데 2017년 기준으로 구글의 lighthouse 라는 서비스로 웹사이트의 audit 이 가능해졌기에 활용하는 방법을 정리 해봅니다 기술소개 - Lighthouse : 구글이 공개한 웹 앱의 품질을 개선하는 오픈 소스 자동화 도구 - Nodejs : 자바스크립트 소프트웨어 플랫폼 관련 URL - Lighthouse : https://developers.google.com/web/tools/lighthouse/ - Lighthouse github 주소 : https://github.com/GoogleChrome.. 2019. 8. 4. 웹서비스 아키텍처 정리 목적 온라인 이커머스의 구조를 이해한다 Web Architecture 101 : https://engineering.videoblocks.com/web-architecture-101-a3224e126947 사용자가 웹브라우저에서 www.nsmall.com 을 입력하면 1. DNS (Domain Name System) : 인터넷 도메인으로 서버 IP 를 찾아주는 시스템 www.nsmall.com => XXX.XXX.XXX.XXX 도메인으로 IP 찾는 법 - https://zetawiki.com/wiki/%EB%8F%84%EB%A9%94%EC%9D%B8%EB%AA%85%EC%9C%BC%EB%A1%9C_IP_%ED%99%95%EC%9D%B8 를 통해서 10층 IDC 에 있는 웹서버 외부 IP 를 찾아서 접속이.. 2019. 8. 4. 웹개발용 오픈소스 web developer opensource Introduction 웹개발 할 때 사용하는 오픈소스 소프트웨어 모음입니다. 실제로 대기업에서도 사용가능하니 아래 소프트웨어를 잘 활용해보세요 오픈소스 소프트웨어 용도 Software Name URL 개발용 IDE Visual Studio Code https://code.visualstudio.com/ 개발용 IDE Eclipse https://www.eclipse.org/ Editor NotePad++ https://notepad-plus-plus.org/ DB Client DBeaver https://dbeaver.io/ 소스버전관리 Git https://git-scm.com/ 소스버전관리 Git GUI Client SourceTree https://ko.atlassian.com/softwa.. 2019. 8. 4. 쇼핑몰 로딩속도 개선 방법 2000년도 초창기에는 로딩속도 측정 방법이 별로 없어서 고생했지만 요즘은 측정해주는 사이트들이나 서비스들이 많으니 측정이 쉬워지기는 했습니다 측정 방법은 별도로 포스팅 하고 이 포스트에서는 로딩속도 개선 방법을 설명해 놓으려고 합니다 1. Minimize HTTP requests 굉장히 당연한 이야기 이지만 뿌려지는 컨텐츠를 최소화 하라는 것 100개 뿌리는 시간과 200개 뿌리는 시간은 차이가 날 수 밖에 없으니 최소화 하라는 것이지만 쇼핑몰 운영하면서 아직 맞춤형 컨텐츠가 아닌 있는거 다 뿌리려고 하는 마케팅 습성은 아직 성숙하지 못해서 못하고 있다. 매번 더 뿌려주세요 라는 요청만 들어온다 그래도 줄여야 한다 2. Minify and combine files text 형 컨텐츠인 cs.. 2019. 8. 4. eCommerce 이커머스 용어정리 Introduction 많이 사용하고 있는 홈쇼핑과 온라인쇼핑 용어 정리 좀 해놓으려고 합니다 우리 회사에서 사용하는 용어들인데 타사들도 거의 같이 사용하는 용어들이니 알아두시면 도움이 될 것입니다 온라인쇼핑 용어정리 전자상거래 구분 · B2C : Business to Customer 일반적인 기업 대 소비자간 거래를 이야기 하는데 거의 모든 온라인 쇼핑몰이 여기에 해당됩니다 · B2B : Business to Business 기업 대 기업의 거래로 다른 기업을 위한 폐쇄 몰들을 이야기 하는데 기업용 사무용품 구매 사이트들을 생각하시면 편합니다. · B2E : Business to Employee 직원 복지몰을 생각하면 됩니다. 요즘은 별도의 복지몰 보다는 직원들이 자사 온라인 사이트에서 구매시에 혜택을.. 2019. 8. 4. 사이트 성능 측정 (lighthouse) 사이트의 속도 개선을 위해서는 먼저 성능 측정 부터 해야 한다. 여러 가지 성능 측정 방식들이 있지만, 그 중에서 사용하기 편하고 분석이 자세히 되는 구글 lighthouse 를 사용하는 방식을 포스팅 하려고 합니다. lighthouse : 구글이 만든 성능측정 라이브러리 https://developers.google.com/web/tools/lighthouse/?hl=ko Lighthouse | Tools for Web Developers | Google Developers Learn how to set up Lighthouse to audit and improve your web apps. developers.google.com 이용방법 세가지 방식을 제공해주고 있습니다 첫번째. 크롬 개발자 도.. 2019. 8. 3. 이미지는 webp 로 서비스하자 사이즈 작은 Webp 이미지 webp 는 2010년 구글이 만든 Web 용 이미지 파일 포멧 입니다 일반적으로 많이 사용하는 jpg 파일 대비 25~50% 사이즈가 작습니다 모바일의 데이터 다운로드 속도를 생각하면 Jpg 보다 webp 로 서비스 하는게 이미지 다운 속도가 많이 (20~50%) 좋아집니다 테스트 518 x 518 사이즈의 상품이미지 입니다 jpeg : 53KByte Webp : 26KByte (jpg 대비 50% 작아요) Jpeg 의 경우 Webp 의 경우 둘다 CDN 으로 서비스 중이라 다운로드 속도는 별 차이 없습니다 20~200ms 정도라서 차이는 없으나 파일 사이즈의 차이가 납니다 webp 의 장점 쇼핑몰은 이미지가 엄청 많으니 전부 webp 로 서비스 하면 용량 절감이 되겠지요... 2019. 7. 31. 사이트 보안 설정 측정 SSL/TLS 사이트 TLS 측정방법 국내 이커머스 사이트들이 보안에 취약하다는 것은 여실히 드러나 있는 사실 입니다 특히 기존 온라인 쇼핑몰들은 유통사업을 하던 업체들이 뛰어든 경우가 많기에 보안 인력도 제대로 없고 기술력도 낮아서 문제가 많이 되지요 해당 사이트의 TLS 설정을 분석해서 문제가 있는 부분이 어디인지 리포팅 해주는 사이트 입니다 https://www.ssllabs.com/ Qualys SSL Labs Books Bulletproof SSL and TLS is a complete guide to deploying secure servers and web applications. This book, which provides comprehensive coverage of the ever-changin.. 2019. 7. 31. 이전 1 2 다음 반응형
