평범한 게 제일 어렵다

이번에 알려 드릴 추천 정보는 구글 크롬 속도 + 움짤 로딩 속도 향상법입니다. 개인적으로 웬만한 것들은 그닥 체감이 없었는데 이 방법들은 체감이 확실하여 포스팅을 하게 되었습니다.그럼 적용 방법을 살펴보겠습니다.간단한 움짤 속도 향상법부터 알려드리겠습니다. 1. 움짤 속도 향상법크롬 브라우저 주소창에 chrome://flags/ 를 입력합니다.GPU rasterization 을 검색창에 입력합니다. GPU rasterization 항목을 Enabled 로 변경한 뒤, 브라우저를 재시작 해줍니다.브라우저 재시작 후에 웹서핑을 해보시면 움짤 로딩 속도가 개선된 것을 확인할 수 있습니다. 2. 크롬 속도 향상법크롬 브라우저 주소창에 chrome://gpu 를 입력합니다. 먼저 Graphics Feature ..

제목 - facetest.kr => Face Break 간략 소개 - 남녀 연예인들 얼굴 사이에 누군가의 얼굴을 넣어 오징어로 만드십시오. 주요 정보 - php, javascript, ajax, jquery 사용- js/css 파일 경로, include 등의 편의를 위하여 그누보드 사용- php 이미지 관련 함수 (php gd) 들을 사용하여, 이미지 타입 변경 ex) png → jpeg / 썸네일 생성 / 이미지 자르기 / 이미지 합치기 / 워터 마크 삽입 등의 기능 구현- php header 를 사용하여 이미지 다운로드 기능 구현- jquery.Jcrop.js 플러그인을 사용하여 이미지 드래그 영역 선택 및 자르기 기능 삽입 스크린샷 남자버전 여자버전 이미지 업로드 및 이미지 영역 드래그 선택 이미지..

구글에서 제공하는 웹페이지 속도 개선을 위한 툴 (PageSpeed Tools) 중 하나인 PageSpeed Insights 를 소개해드리겠습니다. 이것 외에도 PageSpeed Module, PageSpeed Optimization Libraries 가 있는데, 이것들은 다음에 다루도록 하겠습니다. - PageSpeed Tools Insights 위 링크를 눌러 접속하면 아래와 같은 페이지가 뜹니다. URL 입력 부분에 URL을 입력하면 해당 웹페이지의 최적화 가능 항목 (속도 개선 방안) 들을 알려줍니다. 시험삼아 티스토리 공식 주소를 넣어보았습니다. - 모바일 페이지 분석 결과 - 데스크톱 페이지 부분 분석 결과 분석 결과 등급은 Poor , Needs Work , Good 으로 나뉘어집니다. 결과..

요즘에는 웹에서 모바일의 비중이 커지면서 반응형 웹, 모바일 웹 등의 중요성이 커지고 있습니다. 사이트 제작, 운영 부분에서도 PC 버전 못지않게 모바일 버전에 신경을 많이 쓰는 추세이기도 합니다. 그런 추세에 맞추어, 웹페이지가 모바일에서 보기에 적합한지 테스트 해볼 수 있는 사이트를 소개해 드리겠습니다. 본 사이트는 구글에서 제공합니다. 모바일 친화성 테스트 사이트 (바로가기 : https://search.google.com/test/mobile-friendly) 테스트할 사이트의 URL을 입력하면, 해당 사이트의 모바일 친화성을 테스트 해줍니다. (네이버 모바일 웹 테스트 결과) (본 블로그 모바일 버전 테스트 결과) 모바일에 친화적인 사이트의 경우 위와 같은 결과 화면이 뜹니다. 이것 외에도 몇개..

1. 파비콘 만들기 추천 사이트 (http://tools.dynamicdrive.com/favicon/) 이 사이트에서 파비콘을 만드는 방법은 간단합니다. (아래 사진 참고) 1 ) 파일 선택을 클릭하여 파비콘으로 생성할 이미지를 선택합니다. 2 ) 아래의 Create Icon 버튼을 눌러 파비콘을 생성합니다. - 사이트에 기재되어 있듯이, 업로드 이미지의 최대 용량은 150KB 입니다. - Optional 부분에서 사이즈 옵션을 선택하지 않으면, 기본 16x16 사이즈로 생성됩니다. - Create Icon 버튼을 누르면, 파비콘이 적용시 미리보기와 함께 다운로드 버튼이 활성화 됩니다. 3 ) Download FavIcon 버튼을 눌러 파비콘을 다운로드 합니다. 2. 로고 만들기 추천 사이트 (http..

해당 사이트는 아쉽게도 유료화 되었습니다... 크로스 브라우징 작업을 하다가 우연히 발견한 곳인데, 아주 획기적인 곳을 발견했습니다. 우선 사이트 주소는 https://turbo.net/browsers 입니다. 사이트에 접속해보면 이렇게 생겼는데, 여기 나열된 브라우저들이 전부 다 테스트가 가능한 브라우저들입니다. 여태까지 홈페이지 관련 작업을 하면서 익스플로러(이하 IE)를 테스트를 하기위해서 했던 뻘짓들을 나열해보자면... - IE 자체 개발자 도구- 크롬 IE 확장프로그램- IE Tester- 가상머신에 window + 테스트할 IE 버전 설치 등이 있습니다. 이 중에서 가상머신에 직접 윈도우를 띄워서 테스트 하는 것을 제외하고는 전부 엉터리였습니다. 다른 방법들은 제대로된 테스트를 할 수가 없었습..