테스트 사이트 - 개발 중인 베타 버전입니다

png 처리 문제였습니다. 그러나...여전히

K-6.jpg

여러 전문가들의 조언과 테스트 끝으로 얻은 결론은 png 투명이미지 처리가 문제 였습니다.

png관련 소스를 빼니까 잘 돌아가더라구요.

소셜커머스 메타사이트 쿠폰샵 http://couponshop.co.kr 여기가 최종 디비와 연동해서 만들고 있는곳인데요.

아직까지 풀리지 않는 숙제는...

* 코딩하시는 분이 png투명처리 부분을 남들이 다하는 일반적인 방법으로 처리를 잘 해주셨습니다.
소스에 문제 없다고 합니다.
그런데 제 서버에서는 왜 느린걸까요? 이게 풀리지 않는 숙제 입니다.

이것때문에 진도가 안나가네요.



*** 결국 익스6 이하에게 반투명 처리 안하고 그냥 무시하기로 했습니다. 이거 하나 처리하려다..진도도 안나가고 원인도 못찾고 해서..

익스6에서 본 사이트 스샷을 첨부했습니다. 첨부파일 보시면 아시겠지만 별루 그렇게 보기 싫진 않아서요..

큰 그림을 그리기 위해서 사소한 것에 억매이지 않기로 했습니다.

이번일로 많은것을 배우고 있습니다. 노력할께요~

=====<이전 글>================
코딩을 하고 서버에 올리니 문제가 발생햇습니다.

문제는 컴퓨터에 따라서 로딩속도가 10배까지 나요.
어떤 컴퓨터는 1초면 뜨는데..
어떤컴퓨터는 10초정도 걸려야 페이지가 다 열립니다.

처음엔 서버문제인가해서.
느리게 열리는 컴퓨터에서 ftp로 영화파일 업로드후 웹으로 다운받아보니 초당 5M정도 나오니까 서버속도는 괜찮은거 같아서 서버속도 문제는 아닌거 같구요.

두번째 프로그램을 입힐때 잘못했는가 해서.
프로그램 없이 순수 코딩페이지만 만든후 웹에서 접속을 해봐도 느립니다.

그럼 남은 문제는 코딩문제 같은데요.
현재 웹표준으로 코딩을 했는데 어디가 잘못되었는지 체크하는 방법이 있을까요?
완전잘못된건 아니죠...어떤 컴퓨터에서는 잘 열리니까 말입니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 31개

다른분들 테스트좀 부탁드려요.
지금 회사컴퓨터인데 잘 열립니다.
익스 8.0입니다.
크롬에서 빠르게 잘 열리네요.
깔끔합니다.
우분투 + 크로미움,파폭,미도리로 테스트 해본 결과 빠르게 잘열리네요.
근데 왜 제 집(LG 파워콤/용인)하고 프로그래머 컴퓨터(부산/KT) - 둘다 익스8에서 잘 안열릴까요?
코딩소스에서 뭐 잘못된 부분 안보이시나요?
익스8인데 이용하기 힘들정도로 로딩이 느리네요.
파폭, 크롬등은 이상없어 보입니다.
이용은 커녕 끄기도 힘드네요,,
그러니까요..ㅠㅠ 왜 이런지 원인파악좀 해주실분 안계시나요?
같은파일 카페24에 올렸는데 제 컴터에서도 안느리네요.
서버 문제인거 같습니다.

코딩은 문제될게 없다는 결론을 얻었습니다.
카페24는 cron을 지원안해서 다른 호스팅 업체를 찾아봐야 되는데 추천좀 해주세요.
그동안 의견주신 모든 분께 감사드립니다.
특히 verysoft 코케알 관계자님의 도움이 컸습니다. 감사드립니다.
익스7인데.... 로딩속도가 한 30 초인가를 근접하네요 .... 머리아파요....
오페라에서 빠릅니다.
소스 문제 같기도 하고// 서버 컨넥션 문제 같기도 하는데요

http://couponshop.co.kr/images/bg_overCom.png <-- 이 파일 계속 루핑 도는데요~?

어떻게 소스를 짜셨길래~?
크롬에선 빠른걸로 봐서, 서버 문제는 아닙니다.
IE 브라우져에서 많이 느린것 같습니다.
IE png 패치를 하신게 문제가 있는것 같네요.
답변 주신 모든분께 감사합니다.
오늘 집에가서 png파일을 다른 이미지 파일형식으로 바꾼후 테스트 해보겠습니다.
테스트 결과도 올려드릴께요 감사합니다.
상단에 독타입 지정이 안되어있네요..

우선 상단을 지정 하시고 테스트해보세요

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>CouponShop</title>



-------------------------------------

<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>CouponShop</title>
완전한 해결은 못했지만..속도차이는 나네요..

http://couponshop.co.kr/test.php 상단에 독타입 지정한 경우
http://couponshop.co.kr/test1.php 기존파일
일단 독타입 넣어서 css를 새롭게 하기로 햇습니다.
독타입...
빠르네요.
독타입 관련 문제는 아닙니다.^^;
해당 페이지에서 F5키 연속으로 두세번만 눌러보면 아실거고요...

cpu 점유율에는 변동 없고 스크립트 디버깅 해봐도
엉뚱한 프로세스 때문에 먹통되는 것도 아닌 것 같습니다.
(주: wrest.js 파일에 한글 다 깨져있는 건 아시는지요? ㄷㄷ;)

범인은 /style.css, /js/wrest.js 두 개의 파일에 있을 듯 싶네요.
F5 연속으로 두세번 눌렀는데요 여전히 느린데요? 알려주실려는게 뭐에요?알려주세요..
그리고 wrest.js 파일은 지금 다운받아서 editplus로 보고 있는데.. 한글 전혀 깨져 있지 않습니다.
네, 밥먹고 와서 지금 자세히 좀 보고 있는데요...

F5키 얘기는 보시는 대로 그렇게 발생한다는 얘기를 해드린 거구요,
독타입 선언으로 되고 말고의 상황이 아니라는 점 알려드린겁니다.

한글 깨진 건 디버깅 툴이 유니코드로 로딩해서 그랬던 거네요. 정정합니다.

지금 이것저것 해보니, 웹서버 퍼포먼스 의심이 많이 됩니다.

style.css, wrest.js, jquery-1.4.2.min.js 이 세 파일 로컬에 다운 받으시고요
test.php 파일을 로컬에 test.html 등의 이름으로 다운 받으셔서 먼저 받은 파일들
경로 수정해서 로컬에서 바로 읽도록 해보시구요...

<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="wrest.js"></script>
뭐 이런 식이겠지요.

이 상황에서는 F5 아무리 연속으로 눌러도 행 걸리지 않습니다.
<img> 태그를 날린 게 아니라 데드링크를 만들었을 뿐인지라, CSS/JS 모두 정상 동작을 합니다. 그리고, 두 개 파일에서 문제 발생은 없는 것 소스상에서도 왠만큼 확인을 했습니다.

IE 계열의 웹브라우저에서 이미지를 불러오는 특정 과정에서 행잉이 발생하는 것 같습니다. 그래서 위의 두 파일을 짚어드리는 것입니다. 기본 지식이 충분하신 것 같아서 이 정도 제보만으로도 얼만큼의 도움이 되지 않을까 생각을 해봅니다.

일단, 지금 쭈욱 살펴본 결과는 이렇습니다. 더 나은 해법이 있겠습니다만, 일단 참고라도 되셨음 해서 글 남기고 갑니다.
설명 잘 들었습니다. 테스트도 감사하고요. 무슨말인지 이해 했습니다.
그런데..제가 웹서버쪽은 잘 몰라서그런데요.
현재 웹서버의 문제를 지적해주셨는데요. 지금같은경우는 어떻게 웹서버를 처리해야 되는지 방안이 있으시면 조언해 주시면 감사하겠습니다.
저도 잘 안열리네여.. 제 컴이 느린데다가 인터넷도 느려서..
test.php, test1.php 똑같고요.

왜 로딩 속도가 틀리냐면. 생각을 해보세요. 로딩을 해서 캐쉬가 되면. 또 로딩하면 안 빠르겠습니까?

만들때 너무 커넥션이 많아서 느린거구요. 한마디로 이미지가 너무 많아요.
서버 퍼포먼스도 부족한데 이미지가 엄청 로딩되고.
크롬에서 조차 이미지가 마지막 이미지 로딩시 커넥션에서 로딩 완료까지 시간이 2300ms나 걸립니다.

익스는 크롬이랑 틀리게 페이지가 완전 로드가되야 페이지가 불러와 집니다.
거기다 커넥션도 많은 뿐더라 익스는 동시에 커넥션 숫자도 정해저 있습니다.
느릴수 밖에 없어요.
익스 8 입니다..

다 열리는데까지 약 8초 소요 되네요...
제가 쓰는 방법은요..
1. 해당 페이지 소스보기를 해서 서버에 test.html 로 저장한뒤에
2. test.html 을 끝에서 조금씩 짤라가면서 페이지를 새로 고침해서
어느부분이 문제인지 확인하는데요..
아마 png24 관련 (스크립터)문제인듯하네요..^^
파폭인데 1초 안걸립니다. 잘 열리네요.
5초~8초정도. 익스8이요.
png 부분이 문제였던걸로 결론되었는데 해결이 못해서.
익스 6이하에서 반투명 처리 안되는거 그냥 감안하고 가기로 했습니다. ㅠㅠ
그동안 지켜봐주신 모든 분들게 감사합니다.
피시방인데,, 1분정도 걸리네요, 익스 8이요..........
17일 서버이동 작업을 해서 느렸을거에요..지금은 괜찮을겁니다.
다시 말하면 원인은 반투명처리하는 처리하는 것 ie6.0에서도 될수 있게 처리하는 방식이 제 서버랑 궁합이 안맞았는지 속도를 저하시켜서 그랬던 것입니다. 현재는 ie.60에서는 반투명으로 안보이고 그냥 회색으로 보입니다... 여기서 만족하기로 했습니다. 작업을 진행해야 되서요..

게시글 목록

번호 제목
7104
7102
5000
4999
4991
4989
4985
7099
11179
레이아웃 습작 1
4979
4974
11178
4972
7094
4960
11169
11165
11164
11163
11162
4948
6002
7090
4941
7087
7082
7079
7076
11136
11158
11135
4937
4931
4930
4928
4925
4914
7074
7072
4913
4912
4906
4902
4897
4895
4889
4888
4887
4886
4882
4880
4876
4873
4872
4863
4862
4857
4852
5998
11256
4849
4837
4825
4820
4815
4814
4807
4796
7070
7068
4789
4778
4772
4769
4758
4755
4751
4743
7063
7061
4741
4740
4735
4732
4721
4718
7059
4715
4710
4709
4707
4699
11254
4691
4688
11133
11127
4682
7057
4678