[Chrome] 크롬 개발자도구 기능 개요

웹사이트의 속도는 단순히 서버 응답이나 캐시 설정뿐 아니라, “얼마나 많은 코드가 실제로 사용되는가”에 따라 크게 달라집니다. 크롬 개발자 도구 Coverage 탭은 페이지에서 로드된 CSS·JavaScript 파일의 실제 사용 비율을바이트 단위로 분석하여, 코드 낭비를 한눈에 시각화 해주는 도구입니다. 특히 워드프레스와 같은 CMS 환경에서는 테마·플러그인별로 불필요하게 로드되는 리소스가 많기 때문에,Coverage 탭은 사용하지 않는 자바스크립트 및 css…

Google 블랙리스트에 내 WordPress 사이트가 등록되어 있다면.. 등록 여부와 제거 방법에 대해 알아 보겠습니다. 알고 계신가요? 구글은 하루 10,000여 개의 사이트를 블랙리스트로 올리고 있습니다. [Google Safe Browsing]에 내 사이트가 표시된다면 블랙리스트에 등록 되었다는 것으로 웹에서 안전하지 않다는 것을 의미합니다. ‘구글 세이프 브라이징’ 보안팀에서 안전하지 않은 웹사이트로 식별하고 등록되었다는 것이므로 조치가 필요합니다. 목차1. 크롬…

크롬 개발자도구 네트워크 패널은 개발자가 웹페이지에서 실제로 업로드와 다운로드가 잘 되는지 HTTP 헤더, 콘텐츠, 크기와 같은 개별 리소스의 속성 등을 체크해야 하는 2가지 경우에 이용을 합니다. 이 페이지에서는 ‘크롬 개발자도구 웹페이지 속도 측정’하는 방법과 네트워크 페널의 기본적인 사용법에 대해 다루겠습니다. CMS로 운영되는 워드프레스 웹사이트 및 쇼핑몰로 운영되는 사이트 등 웹사이트의 속도 개선으로 SEO에…

정보 중심의 정보형 블로그 콘텐츠를 작성하려고 할 때 다소 제목이나 내용이 식상하거나 막상 글을 작성하는 단계에서 H1 제목부터 H2 이하 소제목이 어색하게 바뀌는 등, 막상 제목이나 본문 구성이 어색하게 느껴지는 경우가 많습니다. 내가 생각한 것이 좋은 내용이고 훌륭한 아이디어와 독창적인 내용이 맞음에도 이 내용을 글 안에 녹여 내는 건 만만치 않은 작업입니다. 정보…

블로그를 포함한 웹 사이트를 운영할 때 주제 선정은 매우 중요한 요소 중 하나입니다. 이유는 구글봇이 내 웹 사이트의 텍스트와 키워드 등을 크롤링합니다. 전략적인 키워드 리서치를 통해 내 웹 사이트의 유기적인 트래픽을 만들기 위한 키워드 선정 방법 5가지에 대해 생각해 봤습니다. 구글의 입장에서 웹 사이트와 웹 페이지 내에서 근접(Relevant)한 웹 사이트를 노출 시키고 싶을…

구글 판다(Google Panda) 알고리즘은 2011년 2월에 출시된 구글의 검색 순위 결정 알고리즘입니다. 판다의 초기 출시 후 영어 검색 결과에 12%의 영향력을 주었던 판다의 목적은 “낮은 품질의 사이트” 및 “빈약한 콘텐츠의 사이트”의 순위를 낮추는 것이 목표였습니다. 또한 다수의 프리렌서 작가를 고용하거나 자동화 된 도구를 이용해서 검색 알고리즘을 충족해서 웹 콘텐츠를 생성하는 회사의 순위를 낮추는…