한가람 사랑방에서 정을 나누는 모습을 기록하고 싶음. 주제도 자유롭고, 회원가입 하지 않아도 누구나 댓글을 달 수 있는 공간을 만드는 것이
[k-board id=1]
홈 페이지의 속도개선을 위해 한 발짝 다가서 본다
작성자
hjshin33
작성일
2017-08-29 14:39
조회
362
웹 호스팅 담당자에게 홈 페이지 속도를 빠르게 할 수 없느냐고 상담을 했다. 현재 시스템상으로는 별 다른 장애가 없어서 웹 호스팅 담당자가 해 줄 수 있는 것은 없다 라고 한다. 홈 페이지를 만들 때 '워드 프레스'를 사용했으니까 '워드 프레스'를 찬찬히 살펴서 속도를 높혀보라고 한더. 조언에 따라 구글에서 제공하는 앱으로 홈 페이지 속도를 측정해보았다. 평균 8초인데 내 홈 페이지는 19초가 걸린다는 것이다. 주로 용량을 많이 차지하는 사진을 해상도가 어느 정도 유지하면서 가정 적은 용량으로 줄여보라는 것이 핵심이다. 그 외에도 여러가지를 개선하면 5초를 단축할 수 있다는 것이다. 다시 웹 호스팅 담당자에게 상담하여 이미지 용량을 줄 일 수 있는 힌트를 달라고 요철했다. 포토샵을 이용해서 웹 용으로 바꾸어보라는 것이다. 오랜 만에 포토샵을 켜서 화일을 다른이름으로 저장하기에서 웹 용이 있는 것을 확인하고 테스트해보았다. 이미지의 용량이 수십 배나 줄어드는 것을 확인했다. 한 가지 방향은 잡았다. 이제 이미 올려져 있는 이미지 화일을 일일이 다운받아서 포토샵으로 웹 용으로 바꾸어 저장하고 다시 홈 페이지에 덮어쓰기를 하여 이미지 화일을 웹 용으로 바꾸어 놓는 작업이 필요하다. 하나씩 하나씩 처리해야 하니까 번거롭고 시간이 많이 걸릴 것 같다. 언제 시작해야 하나? 게으른 놈 밭 고랑 세는 것 같다.
예1) IMG_8761.jpg 파일을 포토샵에서 웹용으로 바꿈
원본 파일 용량 : 8M, 크기 : 4752 * 3768
웹용 파일 용량 : 257KB, 크기 : 1024 * 683 축소율 : 31배
작업 과정
ㅇ 홈 페이지의 워드 프레스의 미디어 라이브러리에서 축소할 파일을 내 컴퓨터에 저장한다
ㅇ 포토샵 프로그램에서 내 컴퓨터의 저장 파일을 불러온다
ㅇ 메뉴의 'File'을 클릭하고 'Save for Web'을 선택한다
ㅇ 오른 쪽 두 번째 줄에 파일 종류를 'GPEG'로 선택한다
ㅇ 오른 쪽 세 번째 줄에 해상도를 'high' Quality : 60 을 지정하고, 아래 쪽 'Image Size' 'W : 1024' 'H : 683' 으로 설정한다.
* 넓이가 큰 가로 사지은 ''W : 1024' 로 설정하면 'H : 683' 으로 같은 비율을 유지하면서 자동으로 바꾸어진다.
높이가 큰 세로 사진은 그 반대로 'H : 683'으로 설정하면 넓이는 'W ' 같은 비율로 자동으로 바꾸어진다.
ㅇ 맨 아래에 있는 'Save' 단추를 클릭한다
ㅇ 'replace' 메세지가 뜨면 오우케이를 누른다
ㅇ 워드 프레스의 관리자 모드에서 미디어의 파일 올리기에서 내 컴퓨터에 축되어있는 파일을 선택하여 올린다
ㅇ 워드 프레스의 축소파일이 올려져 있는 지 확인하고 중복된 처음에 용량이 큰 원본 파일을 찾아서 영구삭제한다.

예2) IMG_9424.jpg 파일을 포토샵에서 웹용으로 바꿈
원본 파일 용량 : 5M, 크기 : 4752 * 3168
웹용 파일 용량 : 156KB, 크기 : 1024 * 683 축소율 : 32배
예1) IMG_8761.jpg 파일을 포토샵에서 웹용으로 바꿈
원본 파일 용량 : 8M, 크기 : 4752 * 3768
웹용 파일 용량 : 257KB, 크기 : 1024 * 683 축소율 : 31배
작업 과정
ㅇ 홈 페이지의 워드 프레스의 미디어 라이브러리에서 축소할 파일을 내 컴퓨터에 저장한다
ㅇ 포토샵 프로그램에서 내 컴퓨터의 저장 파일을 불러온다
ㅇ 메뉴의 'File'을 클릭하고 'Save for Web'을 선택한다
ㅇ 오른 쪽 두 번째 줄에 파일 종류를 'GPEG'로 선택한다
ㅇ 오른 쪽 세 번째 줄에 해상도를 'high' Quality : 60 을 지정하고, 아래 쪽 'Image Size' 'W : 1024' 'H : 683' 으로 설정한다.
* 넓이가 큰 가로 사지은 ''W : 1024' 로 설정하면 'H : 683' 으로 같은 비율을 유지하면서 자동으로 바꾸어진다.
높이가 큰 세로 사진은 그 반대로 'H : 683'으로 설정하면 넓이는 'W ' 같은 비율로 자동으로 바꾸어진다.
ㅇ 맨 아래에 있는 'Save' 단추를 클릭한다
ㅇ 'replace' 메세지가 뜨면 오우케이를 누른다
ㅇ 워드 프레스의 관리자 모드에서 미디어의 파일 올리기에서 내 컴퓨터에 축되어있는 파일을 선택하여 올린다
ㅇ 워드 프레스의 축소파일이 올려져 있는 지 확인하고 중복된 처음에 용량이 큰 원본 파일을 찾아서 영구삭제한다.

예2) IMG_9424.jpg 파일을 포토샵에서 웹용으로 바꿈
원본 파일 용량 : 5M, 크기 : 4752 * 3168
웹용 파일 용량 : 156KB, 크기 : 1024 * 683 축소율 : 32배
전체 0
